/* Encouraging Leaders — Color tokens
   Official values from EL-Brand-Style-Guide-2026 (p.3) + EL-Color-Palette-RGB.ase. */
:root {
  /* ---- Brand core (official palette) ---- */
  --el-navy:          #223542; /* "Dark Blue" · 34,53,66 · primary brand / text */
  --el-red:           #c7382e; /* "Red" · 199,56,46 · primary accent */
  --el-orange:        #d9491f; /* "Orange" · 217,73,31 · secondary warm */
  --el-cream:         #f0ead7; /* "Cream" · 240,234,215 · warm paper background */
  --el-light-blue:    #93b5c8; /* "Light Blue" · 147,181,200 · supporting cool accent */
  --el-black:         #231f20; /* brand rich black · 35,31,32 (from .ase) */

  /* ---- Derived for UI (not in brand palette) ---- */
  --el-navy-deep:     #1c3644; /* deep surface / inverse pattern ground — darker navy */

  /* ---- Neutrals (navy-tinted, warm-cool balanced) ---- */
  --el-ink:    #1a2832; /* near-black, headings on light */
  --el-slate:  #46586a; /* secondary text */
  --el-muted:  #75858f; /* tertiary / captions */
  --el-line:   #d9d2c2; /* borders on cream */
  --el-line-2: #e7e0cf; /* hairline / dividers */
  --el-fog:    #faf6ec; /* lightest cream tint */
  --el-white:  #ffffff;

  /* ---- Brand gradient: "Orange and red may flow together as a gradient" (guide p.3) ---- */
  --el-gradient-brand: linear-gradient(135deg, var(--el-orange) 0%, var(--el-red) 100%);
  --el-gradient-warm:  var(--el-gradient-brand); /* alias — retained for back-compat */

  /* ---- Semantic feedback (component-internal — no standalone specimen card)
     Back the error/status states of Alert, Badge, and Input. Not promoted as a
     general palette; reach for brand colors for UI, not these. ---- */
  --el-success: #2f7d5b;
  --el-warning: #d98a1f;
  --el-danger:  #c7382e;
  --el-info:    #4a7e96;

  /* ===== Semantic aliases ===== */
  --surface-page:    var(--el-cream);
  --surface-card:    var(--el-white);
  --surface-raised:  var(--el-fog);
  --surface-inverse: var(--el-navy);
  --surface-deep:    var(--el-navy-deep);

  --text-strong:  var(--el-ink);
  --text-body:    var(--el-slate);
  --text-muted:   var(--el-muted);
  --text-inverse: var(--el-cream);
  --text-onbrand: var(--el-cream);

  /* Brand gradient is the primary accent; red/orange are semantic fallbacks
     when gradient cannot be applied (solid borders, text colors, focus states). */
  --accent:        var(--el-gradient-brand);  /* primary accent — use whenever possible */
  --accent-fallback: var(--el-red);           /* when gradient impossible on cream backgrounds */
  --accent-fallback-dark: var(--el-orange);   /* when gradient impossible on dark backgrounds */
  --accent-hover:  #b22f27;                   /* red hover state (for non-gradient contexts) */
  --accent-press:  #9c2a23;                   /* red press state (for non-gradient contexts) */
  --accent-soft:   #f7e0da;                   /* tinted red wash */
  --accent-2:      var(--el-light-blue);

  --border-default: var(--el-line);
  --border-strong:  var(--el-slate);
  --focus-ring:     var(--el-orange);  /* fallback when gradient focus-ring is impossible */
}