/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-white: #FFFFFF;
  --primitive-color-black: #000000;
  --primitive-color-gray-100: #F5F5F5;
  --primitive-color-gray-300: #9A9A9A;
  --primitive-color-gray-400: #777777;
  --primitive-color-gray-500: #6B6B6B;
  --primitive-color-gray-600: #555555;
  --primitive-color-gray-700: #4A4A4A;
  --primitive-color-gray-800: #3A3A3A;
  --primitive-color-gray-900: #2C2C2C;
  --primitive-color-gray-950: #1A1A1A;
  --primitive-color-alpha-line: rgba(0,0,0,.10);
  --primitive-color-alpha-line-soft: rgba(0,0,0,.08);
  --primitive-color-alpha-line-strong: rgba(0,0,0,.12);
  --primitive-color-alpha-surface: rgba(255,255,255,.55);
  --primitive-color-alpha-surface-50: rgba(255,255,255,.5);
  --primitive-color-alpha-thead: rgba(0,0,0,.03);
  --primitive-color-alpha-hover-border: rgba(0,0,0,.14);
  --primitive-color-alpha-accent-wash: rgba(220,38,38,.05);
  --primitive-color-primary-50: #2C2C2C;
  --primitive-color-primary-100: #2C2C2C;
  --primitive-color-primary-200: #AAAAAA;
  --primitive-color-primary-300: #777777;
  --primitive-color-primary-400: #444444;
  --primitive-color-primary-500: #111111;
  --primitive-color-primary-600: #000000;
  --primitive-color-primary-700: #000000;
  --primitive-color-primary-800: #000000;
  --primitive-color-primary-900: #000000;
  --primitive-color-secondary-50: #6B6B6B;
  --primitive-color-secondary-100: #6B6B6B;
  --primitive-color-secondary-200: #EEEEEE;
  --primitive-color-secondary-300: #BBBBBB;
  --primitive-color-secondary-400: #888888;
  --primitive-color-secondary-500: #555555;
  --primitive-color-secondary-600: #3A3A3A;
  --primitive-color-secondary-700: #090909;
  --primitive-color-secondary-800: #000000;
  --primitive-color-secondary-900: #000000;
  --primitive-color-accent-50: #EF4444;
  --primitive-color-accent-100: #EF4444;
  --primitive-color-accent-200: #FFBFBF;
  --primitive-color-accent-300: #EF4444;
  --primitive-color-accent-400: #FF5959;
  --primitive-color-accent-500: #DC2626;
  --primitive-color-accent-600: #B91C1C;
  --primitive-color-accent-700: #900000;
  --primitive-color-accent-800: #690000;
  --primitive-color-accent-900: #430000;
  --primitive-color-green-300: #86EFAC;
  --primitive-color-green-500: #16A34A;
  --primitive-color-noir: #0e0a0b;
  --primitive-color-noir-gray-50: #f2f4f6;
  --primitive-color-noir-gray-100: #d6dade;
  --primitive-color-noir-gray-150: #cdd2d8;
  --primitive-color-noir-gray-200: #c8ccd2;
  --primitive-color-noir-gray-300: #aab0b8;
  --primitive-color-noir-gray-400: #98a0a8;
  --primitive-color-noir-gray-500: #8a9098;
  --primitive-color-noir-gray-600: #7d838b;
  --primitive-color-alpha-dark-line: rgba(255,255,255,.12);
  --primitive-color-alpha-dark-line-soft: rgba(255,255,255,.10);
  --primitive-color-alpha-dark-line-strong: rgba(255,255,255,.16);
  --primitive-color-alpha-dark-surface: rgba(255,255,255,.045);
  --primitive-color-ember-base-1: #1d0f10;
  --primitive-color-ember-base-2: #180d0e;
  --primitive-color-ember-base-3: #221012;
  --primitive-color-ember-base-4: #1a0e0f;
  --primitive-color-ember-base-5: #201113;
  --primitive-color-ember-base-6: #160c0d;
  --primitive-color-ember-mid-1: #4c1d1d;
  --primitive-color-ember-mid-2: #3f1a1a;
  --primitive-color-ember-mid-3: #521c1c;
  --primitive-color-ember-mid-4: #450f0f;
  --primitive-color-ember-mid-5: #5b1a1a;
  --primitive-color-ember-mid-6: #3b1414;
  --primitive-color-ember-deep: #7f1d1d;
  --primitive-color-ember-strong: #991b1b;
  --primitive-color-ember-soft: #f87171;
  --primitive-color-ember-pale: #fecaca;
  --primitive-radius-sm: 9px;
  --primitive-radius-default: 10px;
  --primitive-radius-md: 12px;
  --primitive-radius-lg: 18px;
  --primitive-duration-fast: 150ms;
  --primitive-easing-brand: cubic-bezier(0.2, 0, 0, 1);
  --primitive-layout-container: 1200px;
  --primitive-layout-content: 1152px;
  --primitive-layout-editorial-heading: 860px;
  --primitive-layout-editorial-rail: 400px;
  --primitive-space-chrome-top: 20px;
  --primitive-space-page-gutter: 24px;
  --primitive-space-editorial-layout-gap: 64px;
  --primitive-space-feature-copy-inset: 32px;
  --primitive-space-section-compact: 52px;
  --primitive-space-section-default: 56px;
  --primitive-space-section-intro: 78px;
  --primitive-space-section-roomy: 96px;
  --primitive-typography-size-display-fluid: clamp(2.4rem,4vw,3.6rem);
  --primitive-typography-size-section: 2.1rem;
  --primitive-typography-size-feature-title: 1.65rem;
  --primitive-typography-size-lead: 1.125rem;
  --primitive-typography-size-body: 1rem;
  --primitive-typography-size-eyebrow: .72rem;
  --primitive-typography-line-height-display: 1.05;
  --primitive-typography-line-height-section: 1.12;
  --primitive-typography-line-height-body: 1.6;
  --primitive-typography-weight-regular: 400;
  --primitive-typography-weight-medium: 500;
  --primitive-typography-weight-bold: 700;
  --primitive-typography-tracking-tight: -.02em;
  --primitive-typography-tracking-eyebrow: .14em;
  --primitive-creative-card-border: #374151;
  --primitive-creative-secondary-border: #FFFFFF59;
  --primitive-creative-card-radius: 8px;
}

/* === SEMANTIC === */
:root {
  --color-ink: var(--primitive-color-primary-500);
  --color-text: var(--primitive-color-gray-950);
  --color-text-strong: var(--primitive-color-gray-900);
  --color-muted: var(--primitive-color-gray-800);
  --color-muted-2: var(--primitive-color-gray-600);
  --color-label: var(--primitive-color-gray-500);
  --color-faint: var(--primitive-color-gray-400);
  --color-nav-idle: var(--primitive-color-gray-700);
  --color-line: var(--primitive-color-alpha-line);
  --color-line-soft: var(--primitive-color-alpha-line-soft);
  --color-line-strong: var(--primitive-color-alpha-line-strong);
  --color-surface: var(--primitive-color-alpha-surface);
  --color-page-bg: var(--primitive-color-white);
  --color-primary: var(--primitive-color-primary-500);
  --color-primary-hover: var(--primitive-color-primary-600);
  --color-primary-active: var(--primitive-color-primary-700);
  --color-primary-light: var(--primitive-color-primary-400);
  --color-primary-lighter: var(--primitive-color-primary-100);
  --color-primary-dark: var(--primitive-color-primary-600);
  --color-secondary: var(--primitive-color-secondary-500);
  --color-secondary-hover: var(--primitive-color-secondary-600);
  --color-secondary-light: var(--primitive-color-secondary-300);
  --color-secondary-dark: var(--primitive-color-secondary-600);
  --color-accent: var(--primitive-color-accent-500);
  --color-accent-hover: var(--primitive-color-accent-600);
  --color-accent-light: var(--primitive-color-accent-300);
  --color-success: var(--primitive-color-green-500);
  --color-success-light: var(--primitive-color-green-300);
  --color-error: var(--primitive-color-accent-500);
  --color-error-light: var(--primitive-color-accent-100);
  --color-info: var(--primitive-color-secondary-500);
  --color-info-light: var(--primitive-color-secondary-300);
  --color-surface-dark: var(--primitive-color-noir);
  --font-heading: "Aeonik", sans-serif;
  --font-body: "Suisse", -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-sm: var(--primitive-radius-sm);
  --radius-default: var(--primitive-radius-default);
  --radius-md: var(--primitive-radius-md);
  --radius-lg: var(--primitive-radius-lg);
  --motion-ease: var(--primitive-easing-brand);
  --motion-duration: var(--primitive-duration-fast);
  --layout-container: var(--primitive-layout-container);
  --layout-content: var(--primitive-layout-content);
  --layout-editorial-heading: var(--primitive-layout-editorial-heading);
  --layout-editorial-rail: var(--primitive-layout-editorial-rail);
  --space-chrome-top: var(--primitive-space-chrome-top);
  --space-page-gutter: var(--primitive-space-page-gutter);
  --space-editorial-layout-gap: var(--primitive-space-editorial-layout-gap);
  --space-feature-copy-inset: var(--primitive-space-feature-copy-inset);
  --space-section-compact: var(--primitive-space-section-compact);
  --space-section-default: var(--primitive-space-section-default);
  --space-section-intro: var(--primitive-space-section-intro);
  --space-section-roomy: var(--primitive-space-section-roomy);
  --type-display-size: var(--primitive-typography-size-display-fluid);
  --type-section-size: var(--primitive-typography-size-section);
  --type-feature-title-size: var(--primitive-typography-size-feature-title);
  --type-lead-size: var(--primitive-typography-size-lead);
  --type-body-size: var(--primitive-typography-size-body);
  --type-eyebrow-size: var(--primitive-typography-size-eyebrow);
  --type-display-line-height: var(--primitive-typography-line-height-display);
  --type-section-line-height: var(--primitive-typography-line-height-section);
  --type-body-line-height: var(--primitive-typography-line-height-body);
  --type-weight-regular: var(--primitive-typography-weight-regular);
  --type-weight-medium: var(--primitive-typography-weight-medium);
  --type-weight-bold: var(--primitive-typography-weight-bold);
  --type-tracking-tight: var(--primitive-typography-tracking-tight);
  --type-tracking-eyebrow: var(--primitive-typography-tracking-eyebrow);
  --mode-light-page-bg: var(--primitive-color-white);
  --mode-light-text: var(--primitive-color-gray-950);
  --mode-light-ink: var(--primitive-color-primary-500);
  --mode-light-accent: var(--primitive-color-accent-500);
  --mode-dark-page-bg: var(--primitive-color-noir);
  --mode-dark-text: var(--primitive-color-noir-gray-50);
  --mode-dark-ink: var(--primitive-color-noir-gray-50);
  --mode-dark-accent: var(--primitive-color-accent-300);
  --mode-dark-card-border: var(--primitive-creative-card-border);
  --mode-dark-secondary-border: var(--primitive-creative-secondary-border);
}

/* === COMPONENTS === */
:root {
  --marketing-chrome-top: var(--space-chrome-top);
  --marketing-container-max: var(--layout-content);
  --marketing-editorial-heading-max: var(--layout-editorial-heading);
  --marketing-editorial-rail-width: var(--layout-editorial-rail);
  --marketing-layout-gap: var(--space-editorial-layout-gap);
  --marketing-feature-copy-inset: var(--space-feature-copy-inset);
  --marketing-page-gutter: var(--space-page-gutter);
  --marketing-hero-title-size: var(--type-display-size);
  --marketing-hero-title-line-height: var(--type-display-line-height);
  --marketing-hero-title-weight: var(--type-weight-bold);
  --marketing-section-title-size: var(--type-section-size);
  --marketing-feature-title-size: var(--type-feature-title-size);
  --marketing-section-title-line-height: var(--type-section-line-height);
  --marketing-lead-size: var(--type-lead-size);
  --marketing-body-size: var(--type-body-size);
  --marketing-body-line-height: var(--type-body-line-height);
  --marketing-eyebrow-size: var(--type-eyebrow-size);
  --marketing-title-tracking: var(--type-tracking-tight);
  --marketing-eyebrow-tracking: var(--type-tracking-eyebrow);
  --marketing-section-padding: var(--space-section-default);
  --marketing-section-padding-compact: var(--space-section-compact);
  --marketing-page-entry-padding: var(--space-section-intro);
  --button-primary-bg: var(--color-ink);
  --button-primary-text: var(--primitive-color-white);
  --button-primary-bg-active: var(--primitive-color-black);
  --nav-link-idle: var(--color-nav-idle);
  --nav-link-active: var(--color-ink);
  --creative-button-primary-bg: var(--primitive-color-noir-gray-50);
  --creative-button-primary-text: var(--primitive-color-noir);
  --creative-button-secondary-border: var(--primitive-creative-secondary-border);
  --creative-card-bg: var(--primitive-color-noir);
  --creative-card-border: var(--primitive-creative-card-border);
  --creative-card-radius: var(--primitive-creative-card-radius);
  --art-ember-1: linear-gradient(135deg,#1d0f10,#4c1d1d 55%,#7f1d1d);
  --art-ember-2: linear-gradient(135deg,#180d0e,#3f1a1a 50%,#991b1b);
  --art-ember-3: linear-gradient(160deg,#221012,#521c1c 60%,#b91c1c);
  --art-ember-4: linear-gradient(120deg,#1a0e0f,#450f0f 55%,#7f1d1d);
  --art-ember-5: linear-gradient(150deg,#201113,#5b1a1a 65%,#dc2626);
  --art-ember-6: linear-gradient(135deg,#160c0d,#3b1414 45%,#991b1b);
  --art-ember-avatar: radial-gradient(120% 120% at 20% 10%,#7f1d1d,#dc2626);
  --art-ember-photo: radial-gradient(120% 120% at 30% 20%,#f87171,#fecaca);
}