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

/* === PRIMITIVES === */
:root {
  --primitive-color-charcoal: #25282C;
  --primitive-color-charcoal-700: #2E3237;
  --primitive-color-charcoal-600: #30353A;
  --primitive-color-ink: #172D3D;
  --primitive-color-steel: #2B5268;
  --primitive-color-slate: #4A5C6A;
  --primitive-color-mist: #C4CCD3;
  --primitive-color-pale: #EDF5FA;
  --primitive-color-pale-200: #DDEBF4;
  --primitive-color-pale-300: #C9DAE6;
  --primitive-color-haze: #C9D9E6;
  --primitive-color-sky: #A7D4EC;
  --primitive-color-orange: #F58220;
  --primitive-color-orange-300: #FF9A45;
  --primitive-color-white: #FFFFFF;
  --primitive-color-white-a16: rgba(255,255,255,.16);
  --primitive-color-sky-a50: rgba(167,212,236,.5);
  --primitive-color-pale-a96: rgba(237,245,250,.96);
  --primitive-color-pale-a0: rgba(237,245,250,0);
  --primitive-color-ink-a32: rgba(23,45,61,.32);
  --primitive-color-ink-a60: rgba(23,45,61,.6);
  --primitive-color-orange-a70: rgba(245,130,32,.7);
  --primitive-font-display: "Bricolage Grotesque","Hanken Grotesk",Arial,sans-serif;
  --primitive-font-body: "Hanken Grotesk",Arial,sans-serif;
  --primitive-radius-sm: 6px;
  --primitive-radius-md: 8px;
  --primitive-radius-lg: 10px;
  --primitive-radius-xl: 14px;
  --primitive-radius-pill: 999px;
  --primitive-radius-round: 50%;
  --primitive-size-wrap: 1280px;
  --primitive-size-gutter: clamp(20px,4vw,56px);
  --primitive-size-header: 80px;
  --primitive-size-body: 18px;
  --primitive-size-body-sm: 17px;
  --primitive-size-h1: clamp(46px,6.8vw,98px);
  --primitive-size-h2: clamp(36px,5vw,68px);
  --primitive-size-hero-band: clamp(320px,40vw,640px);
  --primitive-motion-ease: cubic-bezier(.22,.68,.18,1);
  --primitive-motion-sky-drift: 240s;
}

/* === SEMANTIC === */
:root {
  --color-bg: #EDF5FA;
  --color-surface: #FFFFFF;
  --color-surface-alt: #DDEBF4;
  --color-text: #172D3D;
  --color-text-muted: #4A5C6A;
  --color-text-secondary: #2B5268;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-muted: #C4CCD3;
  --color-accent: #F58220;
  --color-accent-hover: #FF9A45;
  --color-on-accent: #25282C;
  --color-dark: #25282C;
  --color-dark-raised: #2E3237;
  --color-dark-hover: #30353A;
  --color-highlight: #A7D4EC;
  --color-highlight-soft: rgba(167,212,236,.5);
  --color-border: #C9DAE6;
  --color-border-inverse: rgba(255,255,255,.16);
  --color-header-bg: #FFFFFF;
  --color-sky-fallback: #C9D9E6;
  --color-photo-fade-start: rgba(237,245,250,0);
  --color-photo-fade-end: rgba(23,45,61,.32);
  --color-footer-bg: #172D3D;
  --color-focus: #2B5268;
  --color-focus-field: #A7D4EC;
  --font-display: "Bricolage Grotesque","Hanken Grotesk",Arial,sans-serif;
  --font-body: "Hanken Grotesk",Arial,sans-serif;
  --radius-control: 8px;
  --radius-card: 10px;
  --radius-panel: 14px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --radius-skip: 6px;
  --shadow-accent: 0 10px 24px -12px rgba(245,130,32,.7);
  --shadow-ledger: 0 30px 60px -30px rgba(23,45,61,.6);
  --shadow-focus-ring: 0 0 0 3px #A7D4EC;
  --shadow-header: 0 6px 20px -14px rgba(23,45,61,.35);
  --layout-wrap: 1280px;
  --layout-gutter: clamp(20px,4vw,56px);
  --layout-header: 80px;
  --layout-hero-band: clamp(320px,40vw,640px);
  --type-body: 18px;
  --type-body-sm: 17px;
  --type-h1: clamp(46px,6.8vw,98px);
  --type-h2: clamp(36px,5vw,68px);
  --motion-ease: cubic-bezier(.22,.68,.18,1);
  --motion-sky-drift: 240s;
}

/* === COMPONENTS === */
:root {
  --button-bg: #F58220;
  --button-bg-hover: #FF9A45;
  --button-text: #25282C;
  --button-radius: 999px;
  --field-bg: #FFFFFF;
  --field-border: #C9DAE6;
  --field-radius: 8px;
  --ledger-bg: #25282C;
  --ledger-label-bg: #F58220;
}