/* ============================================================
   THE STARPRINTS — COLOR TOKENS
   A celestial palette: metallic gold on cosmic black, with
   iridescent aurora accents and dreamy pastel mistfields.
   ============================================================ */

:root {
  /* --- Cosmic neutrals (the night sky) --- */
  --cosmic-950: #07060d; /* deepest space */
  --cosmic-900: #0c0a16; /* cosmic black — primary dark bg */
  --cosmic-850: #12101e;
  --cosmic-800: #1a1726; /* dark card surface */
  --cosmic-700: #232038;
  --cosmic-600: #2f2b48;

  /* --- Midnight navy (the "products" / deep-water cards) --- */
  --navy-900: #141b3a;
  --navy-800: #1c2548; /* navy card surface */
  --navy-700: #283466;

  /* --- Gold (the signature metallic) --- */
  --gold-100: #f6ecc8; /* pale highlight */
  --gold-200: #ecd99b;
  --gold-300: #e0c374; /* light gold */
  --gold-400: #d4af37; /* classic gold */
  --gold-500: #c9a227; /* PRIMARY brand gold */
  --gold-600: #a8851f; /* deep gold */
  --gold-700: #84671a; /* antique bronze */

  /* --- Aurora accents (the iridescent nebula) --- */
  --aurora-violet: #6b4a9e;
  --aurora-purple: #4b3a82;
  --aurora-magenta: #c178a4;
  --aurora-pink: #e0a6c4;
  --aurora-teal: #4fa3a8;
  --aurora-cyan: #6cc5c9;
  --aurora-lime: #c2c06a;
  --aurora-blue: #3f6fb0;

  /* --- Mistfields (dreamy pastel light surfaces) --- */
  --mist-100: #f7f3ec; /* warm cream / ivory */
  --mist-200: #ece6ee; /* pale lavender */
  --mist-300: #ddd6e2; /* lavender gray */
  --mist-pink: #ecd9e2;
  --mist-mint: #d8e8de;
  --mist-cream: #f4ecda;

  /* --- Ink (dark text on light) --- */
  --ink-900: #1a1620; /* near-black w/ violet undertone */
  --ink-700: #3a3340;
  --ink-500: #6a6273;

  /* --- Whites --- */
  --star-white: #fbf9f4; /* warm white */
  --pure-white: #ffffff;

  /* ===========================================================
     SEMANTIC ALIASES — reach for these in components
     =========================================================== */

  /* Backgrounds */
  --bg-cosmic: var(--cosmic-900);
  --bg-dream: var(--mist-200);
  --bg-navy: var(--navy-800);

  /* Surfaces */
  --surface-dark: var(--cosmic-800);
  --surface-navy: var(--navy-800);
  --surface-cream: var(--mist-100);
  --surface-veil: rgba(12, 10, 22, 0.55); /* dark scrim over imagery */

  /* Text */
  --text-on-dark: var(--star-white);
  --text-on-light: var(--ink-900);
  --text-muted-dark: rgba(251, 249, 244, 0.68);
  --text-muted-light: var(--ink-500);
  --text-gold: var(--gold-500);

  /* Lines & borders */
  --border-gold: var(--gold-600);
  --border-hairline: rgba(201, 162, 39, 0.35);
  --border-soft: rgba(26, 22, 32, 0.12);

  /* Interaction */
  --accent: var(--gold-500);
  --accent-hover: var(--gold-400);
  --accent-press: var(--gold-600);
  --focus-ring: var(--gold-300);

  /* Gradients (the celestial signatures) */
  --grad-gold: linear-gradient(180deg, var(--gold-300) 0%, var(--gold-500) 45%, var(--gold-700) 100%);
  --grad-cosmic: radial-gradient(120% 90% at 50% 0%, #1b1430 0%, var(--cosmic-900) 55%, var(--cosmic-950) 100%);
  --grad-aurora: linear-gradient(110deg, var(--aurora-purple) 0%, var(--aurora-magenta) 30%, var(--aurora-teal) 62%, var(--aurora-lime) 100%);
  --grad-dream: linear-gradient(160deg, var(--mist-pink) 0%, var(--mist-200) 40%, var(--mist-mint) 100%);
}