/* Chrysalis AI — Color tokens
   A warm, earthy, space-age palette: deep forest greens, parchment creams,
   and a single confident burnt-orange accent. Sampled from the Mothy artwork. */

:root {
  /* ── Forest green (primary / ink) ───────────────────────── */
  --green-950: #12211A;  /* deepest — near-black ink */
  --green-900: #16281F;  /* wordmark ink */
  --green-800: #1E3227;  /* footer, dark surfaces */
  --green-700: #263E30;  /* raised dark surface */
  --green-600: #33513F;  /* borders on dark, hover */
  --green-500: #45694F;  /* muted mid-green */
  --green-300: #7E9A82;  /* sage — captions on dark */
  --green-100: #C9D6C4;  /* faint green tint */

  /* ── Parchment / cream (base surfaces) ──────────────────── */
  --cream-50:  #FBF6EA;  /* lightest paper */
  --cream-100: #F5ECD8;  /* app background */
  --cream-200: #ECDFC4;  /* sunk surface, hairlines on cream */
  --cream-300: #DECBA6;  /* stronger divider */

  /* ── Burnt orange (accent) ──────────────────────────────── */
  --orange-600: #B4571F; /* pressed */
  --orange-500: #CE6B2E; /* primary accent */
  --orange-400: #E08A4C; /* hover / lighter */
  --orange-100: #F6DEC6; /* accent tint bg */

  /* ── Logo inks (canonical, from the Chrysalis logo sheet) ── */
  --logo-green:  #1F342A; /* the disc / single-colour ink */
  --logo-cream:  #EED1A8; /* the C stroke on the disc */
  --logo-orange: #C96B18; /* the spark */

  /* ── Earthen supporting hues (from the moth wings) ──────── */
  --taupe:  #B9A987;
  --olive:  #82805E;
  --clay:   #A6603C;

  /* ── Semantic status ────────────────────────────────────── */
  --success: #4C7B52;
  --warning: #C9902F;
  --danger:  #A6402C;
  --info:    #3F6E7A;

  /* ═══ Semantic aliases (use these in components) ═══════════ */
  /* text */
  --text-strong:   var(--green-900);
  --text-body:     #2A3E32;
  --text-muted:    #5B6B5E;
  --text-inverse:  var(--cream-50);
  --text-accent:   var(--orange-600);

  /* surfaces */
  --surface-page:    var(--cream-100);
  --surface-card:    var(--cream-50);
  --surface-sunk:    var(--cream-200);
  --surface-dark:    var(--green-800);
  --surface-darker:  var(--green-950);
  --surface-accent:  var(--orange-500);

  /* lines */
  --border-subtle:  var(--cream-300);
  --border-strong:  #C2AE83;
  --border-dark:    var(--green-600);

  /* interactive */
  --accent:         var(--orange-500);
  --accent-hover:   var(--orange-400);
  --accent-press:   var(--orange-600);
  --focus-ring:     #CE6B2E;
}