/* eighthdoor — Color tokens
   Five named ramps + mono, lifted verbatim from the Figma style sheet (Frame 4859).
   Base values first, semantic aliases at the bottom. */

:root {
  /* ----- Rose (warm dusty rose — the brand accent) ----- */
  --rose-100: #E7DBDB;
  --rose-200: #DCC5C3;
  --rose-300: #D0AEAB;
  --rose-400: #C49894;
  --rose-500: #B7837D; /* primary accent */
  --rose-600: #976F6C;
  --rose-700: #775B5B;
  --rose-800: #59484A;
  --rose-900: #3C353A;

  /* ----- Lunar Blue (cool neutral grey — Mint at the top, Lunar Blue at 900) ----- */
  --lunar-100: #E2E4E5;
  --lunar-200: #D2D6D7;
  --lunar-300: #C2C8C9;
  --lunar-400: #A3ADAD;
  --lunar-500: #868F91;
  --lunar-600: #6B7276;
  --lunar-700: #50575B;
  --lunar-800: #373C42;
  --lunar-900: #20242B; /* core charcoal / ink */

  /* ----- Gold (warm taupe — Platinum light to Copper dark) ----- */
  --gold-100: #F2F2F4;
  --gold-200: #E0DDDD;
  --gold-300: #CDC9C6;
  --gold-400: #BAB5AF;
  --gold-500: #A7A199;
  --gold-600: #958E84;
  --gold-700: #85776D;
  --gold-800: #695A54;
  --gold-900: #494141;

  /* ----- Blue (slate / lavender) ----- */
  --blue-100: #D6DAE3;
  --blue-200: #BAC3D3;
  --blue-300: #9FACC2;
  --blue-400: #8496B2;
  --blue-500: #7A879F;
  --blue-600: #71788D;
  --blue-700: #676A7B;
  --blue-800: #4E515F;
  --blue-900: #363A44;

  /* ----- Green (sage / olive) ----- */
  --green-100: #DBDDDC;
  --green-200: #C5C8C5;
  --green-300: #AFB3AF;
  --green-400: #9A9F98;
  --green-500: #858B83;
  --green-600: #71786E;
  --green-700: #5C625C;
  --green-800: #474C4B;
  --green-900: #33373B;

  /* ----- Mono ----- */
  --white: #FFFFFF;
  --black: #000000;

  /* ----- Status (functional only) ----- */
  --error: #EA4335;
  --success: var(--green-600);

  /* ====================================================================
     Semantic aliases — reach for these in product code, not the raw ramp
     ==================================================================== */

  /* Text */
  --text-primary:   var(--lunar-900);
  --text-secondary: var(--lunar-700);
  --text-muted:     var(--lunar-500);
  --text-inverse:   var(--white);
  --text-accent:    var(--rose-600);

  /* Surfaces */
  --surface:        var(--white);
  --surface-muted:  var(--gold-100);
  --surface-sunken: var(--gold-200);
  --surface-dark:   var(--lunar-900);
  --surface-accent: var(--rose-500);

  /* Borders / hairlines */
  --border:         var(--gold-200);
  --border-strong:  var(--gold-300);
  --border-dark:    var(--lunar-900);

  /* Brand accent + interaction states */
  --accent:         var(--rose-500);
  --accent-hover:   var(--rose-600);
  --accent-press:   var(--rose-700);
  --on-accent:      var(--lunar-900); /* text sits dark on rose */
}