/* ===== Lingrow · Color tokens ===================================
   The palette has two homes:
   · Dark neutrals + luminous greens  → the marketing surface (dark, glow)
   · Deep forest green + amber + mint  → the product app (light UI)
   Base scales first, semantic aliases second.
================================================================= */
:root {
  /* --- Dark neutrals (4 tones: night → dusk) --- */
  --ink-900: #0B0F19;   /* deepest — page background (dark surface) */
  --ink-700: #2A2E3A;   /* raised dark surface / cards on dark */
  --ink-500: #5A5566;   /* muted line + secondary text on dark */
  --ink-300: #978897;   /* softest neutral — captions, disabled */

  /* --- Greens (4 tones: mint → cyan) --- */
  --green-mint:    #BCF2B3;  /* HERO — CTAs, borders, glow on dark */
  --green-grass:   #3C8701;  /* saturated leaf green */
  --green-emerald: #06D6A0;  /* vivid emerald — data + accents */
  --green-cyan:    #72EFDD;  /* aqua highlight — gradient tail */

  /* --- Product greens (light-UI, derived) --- */
  --forest-900: #084C37;  /* pressed CTA / deepest brand green */
  --forest-700: #0B6E4F;  /* PRIMARY app CTA + brand green */
  --forest-500: #12855F;  /* hover / lighter primary */
  --forest-tint-100: #E7F4EE; /* pale mint surface (tinted cards) */
  --forest-tint-050: #F2F8F5; /* faintest mint wash */

  /* --- Amber accent (secondary status: live-captions, warnings) --- */
  --amber-600: #E08A15;
  --amber-500: #EF9C1E;
  --amber-tint-100: #FDF1DD;

  /* --- Signal --- */
  --red-live: #E5484D;   /* LIVE / exit / destructive */

  /* --- Light neutrals (app UI) --- */
  --paper:   #FFFFFF;     /* card / sheet surface */
  --canvas:  #EEF3F0;     /* app canvas behind sheets */
  --line-200:#E4EAE6;     /* hairline borders */
  --line-300:#D3DED8;     /* stronger borders */
  --slate-900:#0E1512;    /* headings on light */
  --slate-700:#3A453F;    /* body text on light */
  --slate-500:#6B776F;    /* secondary text / meta */
  --slate-400:#98A29B;    /* placeholder / disabled */

  /* ===== Semantic aliases ===== */
  --brand:            var(--forest-700);
  --brand-strong:     var(--forest-900);
  --brand-hover:      var(--forest-500);
  --accent:           var(--amber-500);
  --hero:             var(--green-mint);

  /* light-theme (product) semantics */
  --bg-canvas:        var(--canvas);
  --surface-card:     var(--paper);
  --surface-tint:     var(--forest-tint-100);
  --surface-tint-soft:var(--forest-tint-050);
  --border-hairline:  var(--line-200);
  --border-strong:    var(--line-300);
  --text-heading:     var(--slate-900);
  --text-body:        var(--slate-700);
  --text-muted:       var(--slate-500);
  --text-placeholder: var(--slate-400);
  --text-on-brand:    #FFFFFF;
  --focus-ring:       var(--forest-500);

  /* dark-theme (marketing) semantics */
  --bg-night:         var(--ink-900);
  --surface-night:    var(--ink-700);
  --text-on-night:    #F4F7F5;
  --text-muted-night: var(--ink-300);
  --glow:             var(--green-mint);
}