/* ============================================
   CURIOSO — COLOR TOKENS
   Ink-navy base → violet + gold accents.
   ============================================ */
:root {
  /* --- Base ink scale (page depths) --- */
  --ink-950: #0a0a14;   /* deepest page base */
  --ink-900: #12101e;   /* panels */
  --ink-800: #161428;   /* raised panels / cards */
  --ink-700: #1e1a38;   /* hover surface, card interiors */

  /* --- Saturated indigo (hero / marketing moments) --- */
  --indigo-900: #141040;
  --indigo-800: #1b1656;
  --indigo-700: #251d6e;

  /* --- Violet accent --- */
  --violet-600: #6f4cdd;
  --violet-500: #8b6bf0;  /* core violet */
  --violet-400: #a68cf5;
  --violet-300: #c3b2f9;

  /* --- Gold accent --- */
  --gold-600: #d9a12e;
  --gold-500: #eab63f;
  --gold-400: #f5c65b;    /* core gold */
  --gold-300: #ffdf8a;
  --gold-100: #fdf3d3;    /* pale gold text on dark */

  /* --- Text --- */
  --text-100: #f5f4fb;    /* primary text */
  --text-400: #a7a3c4;    /* muted text */
  --text-on-gold: #2b1e04;/* dark text on gold surfaces */

  /* --- Topic colors (deck category ribbons) --- */
  --topic-dinosaurs: #4f8c1d;
  --topic-space:     #6d3fd4;
  --topic-ocean:     #2377c8;
  --topic-history:   #d2571c;
  --topic-nature:    #6b9421;
  --topic-inventions:#5b39c6;

  /* --- Semantic aliases --- */
  --surface-page:  var(--ink-950);
  --surface-panel: var(--ink-900);
  --surface-card:  var(--ink-800);
  --surface-hero:  var(--indigo-800);
  --accent-primary:   var(--gold-400);
  --accent-secondary: var(--violet-500);
  --text-body:   var(--text-100);
  --text-muted:  var(--text-400);
  --text-accent: var(--gold-400);
  --border-subtle: rgba(139, 107, 240, 0.25);  /* faint violet hairline */
  --border-gold:   rgba(245, 198, 91, 0.75);   /* gold-foil frame line */

  /* --- Gradients --- */
  --grad-gold: linear-gradient(180deg, #ffe08a 0%, #f5c65b 48%, #e8a92e 100%); /* @kind color */
  --grad-violet: linear-gradient(180deg, #9a7cf6 0%, #7b57e8 55%, #5f3bd0 100%); /* @kind color */
  --grad-hero: linear-gradient(180deg, #251d6e 0%, #1b1656 55%, #12101e 100%); /* @kind color */
  --grad-panel-sheen: linear-gradient(160deg, rgba(139,107,240,0.16) 0%, rgba(139,107,240,0.04) 60%, rgba(10,10,20,0) 100%); /* @kind color */
  /* Holographic foil shimmer — signature motif edge */
  --grad-foil: linear-gradient(115deg, #f7c85e 0%, #ffe9a8 18%, #b7f0d9 34%, #9ad2ff 48%, #d9b3ff 62%, #ffc9ec 74%, #ffdf8a 88%, #f0b23e 100%); /* @kind color */
}