/* White Cloak Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --wc-black: #000000;
  --wc-ink: #23292e;
  --wc-slate-700: #3f4a52;
  --wc-slate-600: #5b6771;
  --wc-slate-500: #72808a;
  --wc-slate-400: #93a0a8;
  --wc-slate-300: #bec7cc;
  --wc-slate-200: #dadfe2;
  --wc-slate-100: #eceeef;
  --wc-opal-700: #5e6e6b;
  --wc-opal-600: #7b8c89;
  --wc-opal-500: #9facab;
  --wc-opal-300: #c2ccca;
  --wc-opal-100: #e1e7e5;
  --wc-opal-050: #eff2f1;
  --wc-light: #ecebea;
  --wc-paper: #ffffff;
  --wc-cloud: #f5f7f9;
  --wc-mist: #ebeff2;
  --wc-white: #ffffff;
  --wc-gold-700: #a5631a;
  --wc-gold-600: #be7320;
  --wc-gold-500: #d88728;
  --wc-gold-200: #f2d6a8;
  --wc-gold-100: #f8e8cd;
  --wc-gold-050: #fbf3e3;
  --wc-crimson-700: #a02049;
  --wc-crimson-500: #cc3063;
  --wc-crimson-100: #f6d6e0;
  --wc-crimson-050: #fbeaf0;
  --wc-seafoam-700: #4e9b74;
  --wc-seafoam-500: #91cfaa;
  --wc-seafoam-100: #dcf0e5;
  --wc-seafoam-050: #edf7f1;
  --wc-sapphire-700: #4e5fa0;
  --wc-sapphire-500: #8193ca;
  --wc-sapphire-100: #dde2f2;
  --wc-sapphire-050: #eef1f9;
  --text-strong: var(--wc-ink);
  --text-body: var(--wc-slate-600);
  --text-muted: var(--wc-slate-500);
  --text-subtle: var(--wc-slate-400);
  --text-inverse: var(--wc-light);
  --text-accent: var(--wc-gold-700);
  --text-link: var(--wc-gold-700);
  --surface-page: var(--wc-cloud);
  --surface-card: var(--wc-paper);
  --surface-sunken: var(--wc-mist);
  --surface-inverse: var(--wc-ink);
  --surface-opal: var(--wc-opal-500);
  --border-subtle: rgba(35, 41, 46, 0.07);
  --border-default: rgba(35, 41, 46, 0.13);
  --border-strong: rgba(35, 41, 46, 0.26);
  --border-inverse: rgba(236, 235, 234, 0.16);
  --action: var(--wc-ink);
  --action-hover: var(--wc-black);
  --on-action: var(--wc-paper);
  --accent: var(--wc-gold-500);
  --accent-hover: var(--wc-gold-600);
  --accent-press: var(--wc-gold-700);
  --accent-tint: var(--wc-gold-050);
  --accent-border: var(--wc-gold-200);
  --on-accent: var(--wc-ink);
  --secondary: var(--wc-slate-600);
  --secondary-hover: var(--wc-slate-700);
  --secondary-tint: var(--wc-opal-050);
  --on-secondary: var(--wc-paper);
  --status-success: var(--wc-seafoam-700);
  --status-success-bg: var(--wc-seafoam-050);
  --status-warning: var(--wc-gold-600);
  --status-warning-bg: var(--wc-gold-050);
  --status-danger: var(--wc-crimson-500);
  --status-danger-bg: var(--wc-crimson-050);
  --status-info: var(--wc-sapphire-700);
  --status-info-bg: var(--wc-sapphire-050);
  --focus-ring: 0 0 0 3px rgba(216, 135, 40, 0.34);
  --shadow-xs: 0 1px 2px rgba(35, 41, 46, 0.05);
  --shadow-sm: 0 2px 6px -1px rgba(35, 41, 46, 0.07), 0 1px 2px rgba(35, 41, 46, 0.04);
  --shadow-md: 0 10px 26px -10px rgba(35, 41, 46, 0.16), 0 2px 6px -2px rgba(35, 41, 46, 0.07);
  --shadow-lg: 0 22px 50px -18px rgba(35, 41, 46, 0.22), 0 6px 14px -8px rgba(35, 41, 46, 0.10);
  --shadow-xl: 0 38px 84px -26px rgba(35, 41, 46, 0.30);
  --shadow-gold: 0 10px 28px -12px rgba(216, 135, 40, 0.50);
}
:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;
  --container-max: 1240px;
  --container-narrow: 760px;
  --border-width: 1px;
  --border-width-strong: 1.5px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-2xl: 38px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 420ms;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extra: 800;
  --fs-display-2xl: clamp(3.25rem, 1.3rem + 6.6vw, 6rem);
  --fs-display-xl: clamp(2.5rem, 1.5rem + 4.2vw, 4.5rem);
  --fs-display-lg: clamp(2.1rem, 1.4rem + 2.8vw, 3.4rem);
  --fs-display-md: clamp(1.7rem, 1.2rem + 1.9vw, 2.5rem);
  --fs-h1: 2.25rem;
  --fs-h2: 1.75rem;
  --fs-h3: 1.375rem;
  --fs-h4: 1.125rem;
  --fs-lg: 1.125rem;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;
  --fs-2xs: 0.6875rem;
  --lh-tight: 1.02;
  --lh-snug: 1.14;
  --lh-heading: 1.22;
  --lh-body: 1.62;
  --lh-relaxed: 1.78;
  --ls-display: -0.01em;
  --ls-tight: -0.02em;
  --ls-snug: -0.01em;
  --ls-normal: 0;
  --ls-wide: 0.04em;
  --ls-eyebrow: 0.16em;
  --font-display: 'Bricolage Grotesque', 'Arial Narrow', system-ui, sans-serif;
  --font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
}