/* ============================================================
   MDL GROUP — COLOR TOKENS
   Sampled from the brand mark: emerald green building + silver
   facet, "MDL" near-black, "Group" steel gray.
   ============================================================ */
:root {
  /* --- Brand greens (primary) --- */
  --mdl-green-900: #023d1a;
  --mdl-green-800: #034726;
  --mdl-green-700: #045a2a;
  --mdl-green:     #047832; /* core brand green, sampled from logo */
  --mdl-green-500: #1a9248;
  --mdl-green-300: #6cc389;
  --mdl-green-100: #d9efe1;
  --mdl-green-50:  #eef8f1;

  /* --- Brand neutrals (ink + steel) --- */
  --mdl-ink:       #1a1a1a; /* "MDL" black */
  --mdl-steel-900: #2b2c2e;
  --mdl-steel-700: #4d4d4f; /* "Group" gray */
  --mdl-steel-500: #76777a;
  --mdl-steel-300: #abacae;
  --mdl-steel-200: #cdced0;
  --mdl-steel-100: #e6e7e9;
  --mdl-steel-50:  #f4f5f6;

  /* --- Silver facet gradient (from the logo's metal face) --- */
  --mdl-silver-hi: #ebecee;
  --mdl-silver:    #c4c6c9;
  --mdl-silver-lo: #8d8e90;
  --mdl-silver-gradient: linear-gradient(118deg, #ebecee 0%, #f6f7f8 22%, #b9babd 58%, #8d8e90 100%); /* @kind color */

  /* --- Base --- */
  --mdl-white:     #ffffff;
  --mdl-paper:     #fafbfc;
  --mdl-black:     #0e0f10;

  /* --- Semantic status --- */
  --mdl-success:   #047832;
  --mdl-warning:   #c8881a;
  --mdl-danger:    #c0392b;
  --mdl-info:      #2b6cb0;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */
  --color-brand:            var(--mdl-green);
  --color-brand-strong:     var(--mdl-green-700);
  --color-brand-deep:       var(--mdl-green-900);
  --color-brand-tint:       var(--mdl-green-50);

  --text-primary:           var(--mdl-ink);
  --text-secondary:         var(--mdl-steel-700);
  --text-muted:             var(--mdl-steel-500);
  --text-on-brand:          var(--mdl-white);
  --text-on-dark:           var(--mdl-white);
  --text-link:              var(--mdl-green-700);

  --surface-page:           var(--mdl-paper);
  --surface-card:           var(--mdl-white);
  --surface-subtle:         var(--mdl-steel-50);
  --surface-muted:          var(--mdl-steel-100);
  --surface-dark:           var(--mdl-ink);
  --surface-brand:          var(--mdl-green);
  --surface-brand-deep:     var(--mdl-green-900);

  --border-subtle:          var(--mdl-steel-100);
  --border-default:         var(--mdl-steel-200);
  --border-strong:          var(--mdl-steel-300);
  --border-brand:           var(--mdl-green);

  --focus-ring:             var(--mdl-green-500);
}