/* Sunless Label — generated from tokens.json */
:root, [data-theme="light"] {
  --ground: #F0EEEB;
  --surface: #F2EBDD;
  --ink: #0B0B0D;
  --ink-soft: #5E5E5A;
  --line: #D9D9D4;
  --action: #0B0B0D;
  --on-action: #F0EEEB;
  --focus: #0B0B0D;
  --lipstick: #B3261E;
  --blush: #EBD3CB;
  --onyx: #0B0B0D;
  --pearl: #F0EEEB;
  --cream: #F2EBDD;
  --pewter: #8F9298;
  --light-pewter: #B4B3AE;
  --chrome: #C4C4C1;
  --charcoal: #3A3B3E;
  --white: #FFFFFF;
  --leather-matte: #0E0E10;
  --patent: #050506;
  --collar-gold: #C9A24C;
  --shadow-subtle: 0 3px 14px rgba(11, 11, 13, 0.12);
  --shadow-card: 0 6px 26px rgba(11, 11, 13, 0.14);
  --shadow-lifted: 0 14px 36px rgba(11, 11, 13, 0.22);
}
[data-theme="dark"] {
  --ground: #0B0B0D;
  --surface: #161618;
  --ink: #F0EEEB;
  --ink-soft: #8F9298;
  --line: #2E2E32;
  --action: #F0EEEB;
  --on-action: #0B0B0D;
  --focus: #F0EEEB;
  --lipstick: #B3261E;
  --blush: #EBD3CB;
  --onyx: #0B0B0D;
  --pearl: #F0EEEB;
  --cream: #F2EBDD;
  --pewter: #8F9298;
  --light-pewter: #B4B3AE;
  --chrome: #C4C4C1;
  --charcoal: #3A3B3E;
  --white: #FFFFFF;
  --leather-matte: #0E0E10;
  --patent: #050506;
  --collar-gold: #C9A24C;
  --shadow-subtle: 0 3px 14px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 6px 26px rgba(0, 0, 0, 0.55);
  --shadow-lifted: 0 14px 36px rgba(0, 0, 0, 0.7);
}
:root {
  --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-hair: 2px;
  --radius-dot: 50%;
  --duration-100: 100ms;
  --duration-150: 150ms;
  --duration-200: 200ms;
  --duration-300: 300ms;
  --duration-400: 400ms;
  --duration-500: 500ms;
  --duration-600: 600ms;
  --duration-1200: 1200ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-ink: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-press: cubic-bezier(0.2, 0.9, 0.2, 1);
  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --font-number: "Old Standard TT", "Bodoni Moda", Georgia, serif;
  --font-sans: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;
  --font-fine: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-script: "Allison", "Snell Roundhand", cursive;
  --font-smallcaps: "Playfair Display SC", "Bodoni Moda", Georgia, serif;
}
.name-hero { font-family: var(--font-display); font-size: 72px; line-height: 0.95; font-weight: 700; letter-spacing: 0.03em; }}
.title-1 { font-family: var(--font-display); font-size: 48px; line-height: 1.05; font-weight: 700; }}
.title-2 { font-family: var(--font-display); font-size: 32px; line-height: 1.1; font-weight: 700; }}
.title-italic { font-family: var(--font-display); font-size: 28px; line-height: 1.15; font-weight: 400; font-style: italic; }}
.numero-hero { font-family: var(--font-number); font-size: 96px; line-height: 1; font-weight: 400; }}
.numero { font-family: var(--font-number); font-size: 40px; line-height: 1; font-weight: 400; }}
.numero-text { font-family: var(--font-number); font-size: 16px; line-height: 1.5; font-weight: 400; }}
.slogan { font-family: var(--font-sans); font-size: 40px; line-height: 1.05; font-weight: 500; }}
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.5; font-weight: 400; }}
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.55; font-weight: 400; }}
.secondary { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }}
.ui-label { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: 0.16em; }}
.catalogue { font-family: var(--font-mono); font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: 0.12em; }}
.catalogue-body { font-family: var(--font-mono); font-size: 13px; line-height: 1.6; font-weight: 400; }}
.margin-note { font-family: var(--font-script); font-size: 40px; line-height: 1; font-weight: 400; }}
.signature { font-family: var(--font-script); font-size: 56px; line-height: 1; font-weight: 400; }}
.fine { font-family: var(--font-fine); font-size: 12px; line-height: 1.4; font-weight: 400; }}
.smallcaps { font-family: var(--font-smallcaps); font-size: 20px; line-height: 1.2; font-weight: 400; }}