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

/* === PRIMITIVES === */
:root {
  --primitive-color-black: #000000;
  --primitive-color-ink-100: #F1F1F2;
  --primitive-color-ink-200: #E3E3E5;
  --primitive-color-ink-300: #D6D6D9;
  --primitive-color-ink-500: #5E5E64;
  --primitive-color-ink-700: #323236;
  --primitive-color-ink-900: #0B0B0C;
  --primitive-color-white: #FFFFFF;
  --primitive-color-orange-100: #FFEFE6;
  --primitive-color-orange-200: #FFD9C6;
  --primitive-color-orange-300: #FF9A70;
  --primitive-color-orange-500: #FF6123;
  --primitive-color-orange-700: #B83A0A;
  --primitive-color-cream: #F7EFEC;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-24: 6rem;
  --primitive-spacing-40: 10rem;
  --primitive-fontSize-small: 0.875rem;
  --primitive-fontSize-body: 1.125rem;
  --primitive-fontSize-lead: clamp(1.375rem, 1.1rem + 0.9vw, 1.875rem);
  --primitive-fontSize-head: clamp(2.5rem, 1.6rem + 3.4vw, 4.75rem);
  --primitive-fontSize-display: clamp(4rem, 1rem + 11vw, 11rem);
  --primitive-size-bar: 5rem;
  --primitive-size-bar-sm: 4rem;
  --primitive-size-mark: 3rem;
  --primitive-size-mark-sm: 2.5rem;
  --primitive-size-control: 3.25rem;
  --primitive-size-measure: 68ch;
  --primitive-border-heavy: 6px;
  --primitive-border-field: 2px;
  --primitive-radius-none: 0;
  --primitive-motion-fast: 200ms;
  --primitive-motion-base: 450ms;
  --primitive-motion-ease-out: cubic-bezier(.2, .8, .2, 1);
}

/* === SEMANTIC === */
:root {
  --color-background: #FFFFFF;
  --color-foreground: #0B0B0C;
  --color-muted-foreground: #5E5E64;
  --color-surface: #F1F1F2;
  --color-surface-strong: #E3E3E5;
  --color-night: #000000;
  --color-on-night: #FFFFFF;
  --color-on-night-muted: #D6D6D9;
  --color-accent: #FF6123;
  --color-on-accent: #000000;
  --color-accent-text: #B83A0A;
  --color-ring: #FF6123;
  --color-dawn: #FFEFE6;
  --color-dawn-strong: #FFD9C6;
  --color-partner-ground: #F7EFEC;
  --spacing-gutter: 2rem;
  --spacing-block: 3rem;
  --spacing-section: 10rem;
}

/* === COMPONENTS === */
:root {
  --button-bg: #FF6123;
  --button-fg: #000000;
  --button-hover-bg: #FF9A70;
  --button-radius: 0;
  --button-padding-x: 1.5rem;
  --button-height: 3.25rem;
  --nav-height: 5rem;
  --nav-height-sm: 4rem;
  --nav-mark: 3rem;
  --nav-mark-sm: 2.5rem;
  --nav-day-bg: #FFFFFF;
  --nav-night-bg: #000000;
  --figure-fg: #0B0B0C;
  --figure-size: clamp(4rem, 1rem + 11vw, 11rem);
  --figure-rule: 6px;
  --field-bg: #F1F1F2;
  --field-border: #0B0B0C;
  --field-border-width: 2px;
  --field-height: 3.25rem;
  --cta-bg: #FF6123;
  --cta-fg: #000000;
  --footer-bg: #000000;
  --footer-fg: #FFFFFF;
  --footer-muted: #D6D6D9;
}