/* ============================================================
   TAURIST — COLOR TOKENS
   Source: Taurist Brand Guidelines (Brand Colors.pdf) + Website 2.0 Figma
   The palette is built on THREE co-equal primaries used as one unit — red,
   magenta and orange (equal weight) — strung together by the spectrum gradient
   (magenta → red → orange → yellow) over a hard black/white neutral ramp.
   ============================================================ */
:root {
  /* ---- Primary · Red (one of three co-equal primaries) ---- */
  --red-050: #FFEBF1;
  --red-100: #FFCDD8;
  --red-200: #F399A4;
  --red-300: #EC6F80;
  --red-400: #FA4862;
  --red-500: #FF2D4A;
  --red-600: #F22248;   /* ★ Taurist primary */
  --red-700: #DF1441;
  --red-800: #D30439;
  --red-900: #C4002D;

  /* ---- Primary · Magenta (co-equal primary; gradient start) ---- */
  --magenta-050: #FAE4F5;
  --magenta-100: #F3BBE6;
  --magenta-200: #EF8DD5;
  --magenta-300: #F05AC2;
  --magenta-400: #F222B0;  /* ★ brand magenta */
  --magenta-500: #F8009B;
  --magenta-600: #E50096;
  --magenta-700: #CD008E;
  --magenta-800: #B60088;
  --magenta-900: #8A007D;

  /* ---- Primary · Orange (co-equal primary; gradient warm stop) ---- */
  --orange-050: #F9EAE7;
  --orange-100: #FACEBC;
  --orange-200: #F8AE91;
  --orange-300: #F59065;
  --orange-400: #F47943;
  --orange-500: #F26422;  /* ★ brand orange */
  --orange-600: #E75E1E;
  --orange-700: #DA571A;
  --orange-800: #CC5017;
  --orange-900: #B24411;

  /* ---- Yellow (gradient end / highlight) ---- */
  --yellow-300: #FFE27A;
  --yellow-400: #FFD451;
  --yellow-500: #EEC936;  /* ★ brand yellow */
  --yellow-600: #E0B71F;
  --yellow-700: #C49A12;

  /* ---- Green (success / positive signal) ---- */
  --green-100: #C7F5CE;
  --green-300: #6DF982;
  --green-400: #37CA4D;
  --green-500: #009917;   /* ★ brand green */
  --green-600: #07861B;
  --green-700: #0A6E18;

  /* ---- Neutral · "Secondary" hard ramp ---- */
  --neutral-000: #FFFFFF;
  --neutral-050: #F5F5F5;
  --neutral-100: #E9E9E9;
  --neutral-200: #D9D9D9;
  --neutral-300: #C4C4C4;
  --neutral-400: #9D9D9D;
  --neutral-500: #7B7B7B;
  --neutral-600: #555555;
  --neutral-700: #434343;
  --neutral-800: #262626;
  --neutral-900: #121212;
  --neutral-950: #000000;

  /* ============================================================
     SEMANTIC ALIASES — the brand runs dark-first.
     ============================================================ */

  /* Brand */
  --brand: var(--red-600);
  --brand-hover: var(--red-700);
  --brand-press: var(--red-800);
  --brand-soft: var(--red-050);

  /* Surfaces (dark-first product chrome) */
  --surface-base: var(--neutral-950);     /* page black */
  --surface-raised: var(--neutral-900);   /* cards on black */
  --surface-banner: var(--neutral-800);   /* promo banner bar */
  --surface-inverse: var(--neutral-000);  /* light sections */
  --surface-card: var(--neutral-000);     /* default light card */

  /* Glass — the signature translucent nav / overlay panels */
  --glass-fill: rgba(255,255,255,0.20);
  --glass-fill-soft: rgba(255,255,255,0.08);
  --glass-edge: rgba(255,255,255,0.40);

  /* Text on dark */
  --text-on-dark: var(--neutral-000);
  --text-on-dark-soft: rgba(255,255,255,0.66);
  --text-on-dark-faint: rgba(255,255,255,0.40);

  /* Text on light */
  --text-primary: var(--neutral-950);
  --text-secondary: var(--neutral-600);
  --text-tertiary: var(--neutral-400);
  --text-inverse: var(--neutral-000);

  /* Borders / hairlines */
  --border-dark: var(--neutral-700);      /* hairline on black cards */
  --border-light: var(--neutral-200);     /* hairline on white */
  --border-strong: var(--neutral-950);

  /* Status */
  --success: var(--green-500);
  --warning: var(--yellow-500);
  --danger: var(--red-600);
  --info: var(--magenta-400);
}