/* ============================================================================
   CURIOSO · brand.css — flat brand token layer for the 3D web core.
   GENERATED from brand/tokens/ — flat copy so the core ships self-contained/
   offline. Regenerate from brand/tokens/, never hand-edit ad hoc.
   Load BEFORE style.css. Cards override ONLY --card-accent / --card-accent-glow
   (via their palette) — everything here is brand-fixed.
   ========================================================================== */
:root{
  /* --- ink scale (page depths) --- */
  --ink-950:#0a0a14;
  --ink-900:#12101e;
  --ink-800:#161428;
  --ink-700:#1e1a38;

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

  /* --- gold accent --- */
  --gold-600:#d9a12e;
  --gold-500:#eab63f;
  --gold-400:#f5c65b;
  --gold-300:#ffdf8a;
  --gold-100:#fdf3d3;

  /* --- text --- */
  --text-100:#f5f4fb;
  --text-400:#a7a3c4;
  --text-on-gold:#2b1e04;

  /* --- topic colors (deck sub-theme accents) --- */
  --topic-space:#6d3fd4;

  /* --- gradients --- */
  --grad-gold:linear-gradient(180deg,#ffe08a 0%,#f5c65b 48%,#e8a92e 100%);
  /* derived horizontal variant of --grad-gold, for text-clip wordmarks */
  --grad-gold-flat:linear-gradient(90deg,#ffe08a,#f5c65b 48%,#e8a92e);
  --grad-violet:linear-gradient(180deg,#9a7cf6 0%,#7b57e8 55%,#5f3bd0 100%);
  /* 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%);

  /* --- radii --- */
  --radius-card:24px;
  --radius-tile:20px;
  --radius-button:16px;
  --radius-input:14px;
  --radius-pill:999px;

  /* --- shadows & glows --- */
  --shadow-card:0 12px 32px rgba(5, 4, 14, 0.55);
  --shadow-raise:0 6px 18px rgba(5, 4, 14, 0.45);
  --glow-gold:0 0 18px rgba(245, 198, 91, 0.45);
  --glow-gold-strong:0 0 28px rgba(245, 198, 91, 0.65), 0 0 60px rgba(245, 198, 91, 0.25);
  --glow-violet:0 0 20px rgba(139, 107, 240, 0.5);
  --focus-ring:0 0 0 3px #0a0a14, 0 0 0 6px var(--gold-400);

  /* --- motion — springy delight, short durations --- */
  --ease-pop:cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:150ms;
  --dur-med:260ms;
  --dur-slow:450ms;

  /* --- hit targets — child-first: never below 44px --- */
  --hit-min:44px;
  --hit-comfy:56px;
}