/* Magic Camelot Design System tokens, copied 1:1 from 'Magic Camelot Design System/tokens/' (2026-09-24).
   Change them there first, then copy them here again. */
:root{
/* Night — backgrounds sampled from the website draft */
--night-950:#040b12;--night-900:#06111b;--night-850:#061a27;--night-800:#061c2b;--night-700:#0a2738;--night-600:#113449;--night-500:#1b465e;--night-400:#2f6480;
/* Gold — primary accent (#d4af37 from draft buttons) */
--gold-100:#f7ecc4;--gold-200:#f5e3a4;--gold-300:#e8c867;--gold-400:#d4af37;--gold-500:#b8962b;--gold-600:#8f7322;--gold-700:#6a5519;
/* Bronze — logo metal */
--bronze-300:#c9a870;--bronze-400:#a4854d;--bronze-500:#8a6a36;--bronze-600:#785122;--bronze-700:#553913;
/* Parchment — text (#f0e6d2 from draft headline) */
--parchment-50:#faf6ec;--parchment-100:#f0e6d2;--parchment-200:#ddd0b3;--parchment-300:#b9ad93;--parchment-400:#8f8672;--parchment-500:#6a6454;
/* Semantic hues */
--emerald-400:#4fb58a;--emerald-600:#2a7a5a;
--ruby-400:#d9574a;--ruby-600:#9c2f27;
--arcane-400:#7fb3d9;--arcane-600:#3f7aa6;
--amber-400:#e89b3c;

/* Semantic aliases */
--bg-page:var(--night-900);
--bg-deep:var(--night-950);
--surface-1:var(--night-850);
--surface-2:var(--night-800);
--surface-3:var(--night-700);
--surface-card:rgba(6,28,43,.72);
--surface-overlay:rgba(4,11,18,.82);
--text-strong:var(--parchment-50);
--text-body:var(--parchment-100);
--text-muted:var(--parchment-300);
--text-faint:var(--parchment-400);
--text-accent:var(--gold-400);
--text-on-gold:var(--night-900);
--accent:var(--gold-400);
--accent-hover:var(--gold-300);
--accent-press:var(--gold-500);
--accent-soft:rgba(212,175,55,.12);
--border-gold:var(--gold-400);
--border-subtle:rgba(212,175,55,.22);
--border-faint:rgba(240,230,210,.10);
--focus-ring:rgba(232,200,103,.55);
--success:var(--emerald-400);
--danger:var(--ruby-400);
--info:var(--arcane-400);
--warning:var(--amber-400);
}

:root{
--font-display:'Cinzel Decorative','Cinzel',Georgia,serif;
--font-heading:'Cinzel',Georgia,serif;
--font-body:'Alegreya',Georgia,serif;
--font-ui:'Alegreya Sans',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;

--fs-display-xl:64px;--fs-display-l:48px;--fs-display-m:36px;
--fs-h1:32px;--fs-h2:26px;--fs-h3:21px;--fs-h4:17px;
--fs-body-l:19px;--fs-body:17px;--fs-body-s:15px;
--fs-ui:15px;--fs-ui-s:13px;--fs-caption:12px;

--lh-tight:1.1;/* @kind font */--lh-heading:1.25;/* @kind font */--lh-body:1.6;/* @kind font */--lh-ui:1.35;/* @kind font */
--tracking-display:.01em;/* @kind font */--tracking-heading:.04em;/* @kind font */--tracking-label:.12em;/* @kind font */

--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */
}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--radius-0:0px;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-pill:999px;
--border-w:2px;/* @kind spacing */--border-w-thin:1px;/* @kind spacing */
--container-max:1200px;--gutter:24px;
--header-h:84px;
--control-h-s:32px;--control-h-m:44px;--control-h-l:56px;
}

:root{
--shadow-1:0 2px 8px rgba(0,0,0,.35);
--shadow-2:0 8px 24px rgba(0,0,0,.45);
--shadow-3:0 20px 48px rgba(0,0,0,.6);
--glow-gold:0 0 18px rgba(212,175,55,.35);
--glow-gold-strong:0 0 32px rgba(212,175,55,.55);
--glow-logo:drop-shadow(0 0 22px rgba(232,200,103,.35));/* @kind shadow */
--inset-gold:inset 0 0 0 1px rgba(212,175,55,.22);
--gradient-night:radial-gradient(ellipse at 50% 35%,#0a2738 0%,#061c2b 45%,#06111b 100%);/* @kind color */
--gradient-protect-bottom:linear-gradient(to top,rgba(6,17,27,.95) 0%,rgba(6,17,27,0) 100%);/* @kind color */
--gradient-gold-metal:linear-gradient(180deg,#f5e3a4 0%,#d4af37 45%,#8f7322 100%);/* @kind color */
--blur-overlay:blur(10px);/* @kind other */
--ease-out:cubic-bezier(.22,.61,.36,1);/* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */
--dur-fast:140ms;/* @kind other */--dur-base:240ms;/* @kind other */--dur-slow:520ms;/* @kind other */
}