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

/* === PRIMITIVES === */
:root {
  --primitive-color-ink-200: #aab7c6;
  --primitive-color-ink-300: #6f8aa3;
  --primitive-color-ink-400: #5c6b7c;
  --primitive-color-ink-500: #29405b;
  --primitive-color-ink-600: #16324c;
  --primitive-color-ink-650: #111e31;
  --primitive-color-ink-700: #112239;
  --primitive-color-ink-750: #0b1728;
  --primitive-color-ink-800: #0d192b;
  --primitive-color-ink-850: #091525;
  --primitive-color-ink-900: #07101e;
  --primitive-color-paper: #f3f7f5;
  --primitive-color-white: #ffffff;
  --primitive-color-mint-100: #d9ffeb;
  --primitive-color-mint-200: #91ebba;
  --primitive-color-mint-300: #a9ffcb;
  --primitive-color-mint-400: #7ee8ae;
  --primitive-color-mint-700: #0a7f39;
  --primitive-color-mint-800: #086832;
  --primitive-color-mint-900: #39614d;
  --primitive-color-orange-400: #ff8a4c;
  --primitive-color-orange-800: #a53a08;
  --primitive-color-blue-300: #69b7ff;
  --primitive-color-blue-700: #1d6fbf;
  --primitive-color-danger-300: #ff8f80;
  --primitive-color-danger-700: #c2412d;
  --primitive-color-on-mint: #263b33;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-18: 1.125rem;
  --primitive-spacing-card: 2.125rem;
  --primitive-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --primitive-font-size-kicker: 0.78rem;
  --primitive-font-size-chip: 0.78rem;
  --primitive-font-size-body: 1rem;
  --primitive-font-size-lede: clamp(1.1rem, 2vw, 1.42rem);
  --primitive-font-size-title: clamp(2.1rem, 4vw, 4rem);
  --primitive-font-size-display: clamp(3.1rem, 7.3vw, 6.9rem);
  --primitive-font-weight-strong: 700;
  --primitive-font-weight-brand: 800;
  --primitive-line-height-display: 0.94;
  --primitive-line-height-title: 1.02;
  --primitive-line-height-body: 1.55;
  --primitive-tracking-display: -0.072em;
  --primitive-tracking-title: -0.055em;
  --primitive-tracking-brand: -0.03em;
  --primitive-tracking-kicker: 0.12em;
  --primitive-radius-sm: 8px;
  --primitive-radius-md: 12px;
  --primitive-radius-lg: 15px;
  --primitive-radius-xl: 18px;
  --primitive-radius-full: 999px;
  --primitive-shadow-none: none;
  --primitive-shadow-paper: 0 8px 24px rgb(7 16 30 / 0.06);
  --primitive-duration-fast: 150ms;
  --primitive-duration-hover: 220ms;
  --primitive-ease-standard: ease;
  --primitive-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* === SEMANTIC === */
:root {
  --color-background: var(--primitive-color-ink-900);
  --color-background-sunken: var(--primitive-color-ink-850);
  --color-foreground: var(--primitive-color-paper);
  --color-panel: var(--primitive-color-ink-800);
  --color-panel-raised: var(--primitive-color-ink-700);
  --color-control: var(--primitive-color-ink-650);
  --color-muted: var(--primitive-color-ink-750);
  --color-muted-foreground: var(--primitive-color-ink-200);
  --color-accent: var(--primitive-color-mint-300);
  --color-accent-hover: var(--primitive-color-mint-400);
  --color-accent-foreground: var(--primitive-color-ink-900);
  --color-forge: var(--primitive-color-orange-400);
  --color-forge-ink: var(--primitive-color-orange-800);
  --color-info: var(--primitive-color-blue-300);
  --color-danger: var(--primitive-color-danger-300);
  --color-border: var(--primitive-color-ink-500);
  --color-ring: var(--primitive-color-mint-300);
  --color-on-accent: var(--primitive-color-on-mint);
  --color-topbar: rgb(7 16 30 / 0.88);
  --font-sans: var(--primitive-font-family-sans);
  --font-size-kicker: var(--primitive-font-size-kicker);
  --font-size-chip: var(--primitive-font-size-chip);
  --font-size-body: var(--primitive-font-size-body);
  --font-size-lede: var(--primitive-font-size-lede);
  --font-size-title: var(--primitive-font-size-title);
  --font-size-display: var(--primitive-font-size-display);
  --font-weight-strong: var(--primitive-font-weight-strong);
  --font-weight-brand: var(--primitive-font-weight-brand);
  --font-line-display: var(--primitive-line-height-display);
  --font-line-title: var(--primitive-line-height-title);
  --font-line-body: var(--primitive-line-height-body);
  --font-tracking-display: var(--primitive-tracking-display);
  --font-tracking-title: var(--primitive-tracking-title);
  --font-tracking-brand: var(--primitive-tracking-brand);
  --font-tracking-kicker: var(--primitive-tracking-kicker);
  --layout-max: 1180px;
  --layout-topbar: 96px;
  --layout-nav: 72px;
  --layout-section: 5.5rem;
  --layout-gutter: var(--primitive-spacing-5);
  --shadow-card: var(--primitive-shadow-none);
  --motion-fast: var(--primitive-duration-fast);
  --motion-hover: var(--primitive-duration-hover);
  --motion-ease: var(--primitive-ease-standard);
  --motion-ease-out: var(--primitive-ease-out);
}

/* === COMPONENTS === */
:root {
  --button-bg: var(--color-accent);
  --button-fg: var(--color-accent-foreground);
  --button-hover-bg: var(--color-accent-hover);
  --button-border: var(--color-accent);
  --button-padding-x: var(--primitive-spacing-18);
  --button-padding-y: var(--primitive-spacing-3);
  --button-radius: var(--primitive-radius-sm);
  --button-gap: var(--primitive-spacing-2);
  --button-font-weight: var(--font-weight-strong);
  --button-secondary-bg: transparent;
  --button-secondary-fg: var(--color-foreground);
  --button-secondary-border: var(--color-border);
  --button-secondary-hover-bg: var(--color-panel-raised);
  --card-bg: var(--color-panel);
  --card-fg: var(--color-foreground);
  --card-border: var(--color-border);
  --card-padding: var(--primitive-spacing-card);
  --card-radius: var(--primitive-radius-xl);
  --card-shadow: var(--shadow-card);
  --kicker-color: var(--color-forge);
  --kicker-size: var(--font-size-kicker);
  --kicker-tracking: var(--font-tracking-kicker);
  --kicker-weight: var(--font-weight-brand);
  --chip-fg: var(--color-accent);
  --chip-border: var(--primitive-color-mint-900);
  --chip-padding-y: 5px;
  --chip-padding-x: 9px;
  --chip-radius: var(--primitive-radius-full);
  --chip-size: var(--font-size-chip);
  --input-bg: var(--color-control);
  --input-fg: var(--color-foreground);
  --input-border: var(--color-border);
  --input-radius: var(--primitive-radius-sm);
  --input-padding-x: var(--primitive-spacing-3);
  --input-padding-y: var(--primitive-spacing-3);
  --input-focus-ring: var(--color-ring);
  --input-error-border: var(--color-danger);
}

/* === PAPER THEME === */
/* Generated from tokens.json light.semantic. Default theme stays dark. */
[data-theme="light"] {
  --color-background: var(--primitive-color-white);
  --color-background-sunken: var(--primitive-color-paper);
  --color-foreground: var(--primitive-color-ink-900);
  --color-panel: var(--primitive-color-white);
  --color-panel-raised: var(--primitive-color-paper);
  --color-control: var(--primitive-color-white);
  --color-muted: var(--primitive-color-paper);
  --color-muted-foreground: var(--primitive-color-ink-400);
  --color-accent: var(--primitive-color-mint-700);
  --color-accent-hover: var(--primitive-color-mint-800);
  --color-accent-foreground: var(--primitive-color-white);
  --color-forge: var(--primitive-color-orange-800);
  --color-info: var(--primitive-color-blue-700);
  --color-danger: var(--primitive-color-danger-700);
  --color-border: var(--primitive-color-ink-300);
  --color-ring: var(--primitive-color-mint-700);
  --color-topbar: rgb(255 255 255 / 0.92);
  --shadow-card: var(--primitive-shadow-paper);
}