/* Inai Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --inai-orange: #ee7539;
  --inai-ember: #9f502e;
  --inai-ink: #1f1a17;
  --inai-sand: #faf6f1;
  --inai-peach: #f4e4d9;
  --inai-white: #ffffff;
  --inai-linen: #efe6e0;
  --inai-stone: #e6dfd7;
  --inai-line: #ece5de;
  --inai-ink-80: #3a3330;
  --inai-ink-60: #6b625c;
  --inai-sand-70: #cfc6be;
  --inai-black: #000000;
  --inai-ember-hover: #8a4526;
  --inai-ember-press: #773b20;
  --inai-orange-hover: #e0672c;
  --inai-ink-hover: #352e2a;
  --bg-page: var(--inai-sand);
  --bg-backdrop: var(--inai-linen);
  --surface-card: var(--inai-white);
  --surface-highlight: var(--inai-peach);
  --surface-inverse: var(--inai-ink);
  --surface-accent: var(--inai-orange);
  --text-primary: var(--inai-ink);
  --text-muted: var(--inai-ink-60);
  --text-accent: var(--inai-ember);
  --text-on-inverse: var(--inai-sand);
  --text-on-inverse-muted: var(--inai-sand-70);
  --text-on-accent: var(--inai-ink);
  --border-subtle: var(--inai-line);
  --border-strong: var(--inai-ink);
  --action-primary: var(--inai-ember);
  --action-primary-hover: var(--inai-ember-hover);
  --action-dark: var(--inai-ink);
  --focus-ring: var(--inai-orange);
  --shadow-none: none;
  --shadow-paper: 0 24px 48px -16px rgba(31,26,23,.18),0 4px 12px rgba(31,26,23,.06);
  --shadow-focus: 0 0 0 3px rgba(238,117,57,.45);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --page-max: 1280px;
  --nav-height: 78px;
  --card-padding: 32px;
  --grid-gap: 24px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-icon: 22%;
  --radius-pill: 999px;
  --font-sans: 'Catamaran',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.text-hero {
  font-family: var(--font-sans);
  font-size: 96px;
  line-height: 0.92;
  font-weight: 800;
  letter-spacing: -0.025em;
}
.text-display {
  font-family: var(--font-sans);
  font-size: 72px;
  font-weight: 800;
  letter-spacing: -0.025em;
}
.text-h1 {
  font-family: var(--font-sans);
  font-size: 56px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.text-h2 {
  font-family: var(--font-sans);
  font-size: 44px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.text-h3 {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.text-h4 {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.text-lead {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 1.5;
  font-weight: 400;
}
.text-body-lg {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;
}
.text-body {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.55;
  font-weight: 400;
}
.text-small {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
}
.text-caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
}
.text-eyebrow {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
}