/* Hainberg Digital — generated from tokens.json */
:root {
  --charcoal: #21232E;
  --royal: #105BFF;
  --tangerine: #FE8500;
  --paper: #F3EEE6;
  --night: #0E0F13;
  --night-raised: #1A1C24;
  --on-royal: #FFFFFF;
  --surface-100: #F3EEE6;
  --surface-200: #FBF8F3;
  --surface-300: #E9E2D6;
  --surface-inverse: #21232E;
  --ink: #21232E;
  --ink-muted: #5E606C;
  --ink-inverse: #F3EEE6;
  --brand: #105BFF;
  --on-brand: #FFFFFF;
  --accent: var(--tangerine);
  --on-accent: #21232E;
  --accent-text: #9A4E00;
  --line: #DDD5C7;
  --line-strong: #7A7D8E;
  --focus: var(--brand);
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --text-display-xl-size: 96px;
  --text-display-xl-lh: 0.9;
  --text-display-xl-weight: 900;
  --text-display-xl-ls: -0.045em;
  --text-display-l-size: 64px;
  --text-display-l-lh: 0.92;
  --text-display-l-weight: 900;
  --text-display-l-ls: -0.04em;
  --text-headline-size: 40px;
  --text-headline-lh: 1;
  --text-headline-weight: 800;
  --text-headline-ls: -0.03em;
  --text-title-size: 24px;
  --text-title-lh: 1.15;
  --text-title-weight: 700;
  --text-title-ls: -0.015em;
  --text-accent-italic-size: 64px;
  --text-accent-italic-lh: 0.95;
  --text-accent-italic-weight: 400;
  --text-accent-italic-ls: -0.02em;
  --text-lead-size: 20px;
  --text-lead-lh: 1.45;
  --text-lead-weight: 400;
  --text-lead-ls: -0.005em;
  --text-body-size: 16px;
  --text-body-lh: 1.6;
  --text-body-weight: 400;
  --text-small-size: 14px;
  --text-small-lh: 1.45;
  --text-small-weight: 400;
  --text-label-size: 12px;
  --text-label-lh: 1.3;
  --text-label-weight: 600;
  --text-label-ls: 0.08em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-lift: 0 16px 40px rgba(33,35,46,0.14);
}
[data-theme="dark"] {
  --surface-100: #21232E;
  --surface-200: #2D303E;
  --surface-300: #383B4B;
  --surface-inverse: #F3EEE6;
  --ink: #F3EEE6;
  --ink-muted: #A3A6B4;
  --ink-inverse: #21232E;
  --brand: #6E9AFF;
  --on-brand: #21232E;
  --accent-text: #FE8500;
  --line: #3F4253;
  --line-strong: #7A7D8E;
  --shadow-lift: 0 16px 40px rgba(0,0,0,0.45);
}