/* The Designer Eye — generated from tokens.json. Dark is the primary theme. */
@font-face{font-family:Inter;src:url(../fonts/Inter-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root, [data-theme="dark"] {
  --onyx: #0c0906;
  --espresso: #16120d;
  --umber: #241714;
  --mahogany: #402b2a;
  --taupe: #9b7d72;
  --clay: #c4aa9d;
  --blush-sand: #d1bdb2;
  --ivory: #f3eee7;
  --surface: var(--onyx);
  --surface-raised: var(--espresso);
  --surface-deep: var(--umber);
  --ink: var(--ivory);
  --ink-muted: var(--clay);
  --ink-inverse: var(--onyx);
  --accent: var(--blush-sand);
  --logo-quiet: var(--taupe);
  --logo-strong: var(--blush-sand);
  --action: var(--mahogany);
  --action-hover: var(--umber);
  --action-edge: var(--taupe);
  --on-action: var(--ivory);
  --border: var(--mahogany);
  --border-strong: var(--taupe);
}
[data-theme="light"] {
  --surface: var(--ivory);
  --surface-raised: var(--blush-sand);
  --surface-deep: var(--mahogany);
  --ink: var(--espresso);
  --ink-muted: var(--mahogany);
  --ink-inverse: var(--ivory);
  --accent: var(--mahogany);
  --logo-quiet: var(--mahogany);
  --logo-strong: var(--taupe);
  --action: var(--mahogany);
  --action-hover: var(--espresso);
  --action-edge: var(--mahogany);
  --on-action: var(--ivory);
  --border: var(--clay);
  --border-strong: var(--taupe);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 120px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --font-wordmark: Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script: Jarvitts, "Brush Script MT", cursive;
}
.wordmark-light{font-family:var(--font-wordmark);font-size:48px;line-height:1.1;font-weight:400;letter-spacing:0.08em}
.wordmark-bold{font-family:var(--font-wordmark);font-size:48px;line-height:1.1;font-weight:700;letter-spacing:0.08em}
.display{font-family:var(--font-sans);font-size:56px;line-height:1.05;font-weight:700}
.title-1{font-family:var(--font-sans);font-size:40px;line-height:1.1;font-weight:700}
.title-2{font-family:var(--font-sans);font-size:28px;line-height:1.2;font-weight:700}
.title-3{font-family:var(--font-sans);font-size:20px;line-height:1.3;font-weight:500}
.body{font-family:var(--font-sans);font-size:16px;line-height:26px;font-weight:400}
.body-small{font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:400}
.label{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.14em}
.brand-name{font-family:var(--font-script);font-size:48px;line-height:1.2;font-weight:400}