/* Generated from design/tokens.json — edit that file, not this output. */
:root {
  --gradient-accent: linear-gradient(100deg, #C4462E 0%, #9E3227 100%);
  --font-display: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-body: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-weight-hero: 800;
  --letter-spacing-hero: -0.02em;
  --type-hero-size: 36px;
  --type-hero-lh: 1.05;
  --type-title-size: 21px;
  --type-title-lh: 1.2;
  --type-body-size: 15px;
  --type-body-lh: 1.45;
  --type-caption-size: 12px;
  --type-caption-lh: 1.35;
  --type-label-size: 10.5px;
  --radius-card: 6px;
  --radius-control: 5px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --motion-fast: 140ms;
  --motion-base: 240ms;
  --motion-settle-flash: 800ms;
  --motion-ease: cubic-bezier(.22,1,.36,1);
  --motion-spring: cubic-bezier(.34,1.56,.64,1);
  --color-bg: #E8E5DC;
  --color-bg-elevated: #F2F0E8;
  --color-surface: #F4F2EB;
  --color-surface-alt: #E0DCCF;
  --color-ink: #201E18;
  --color-ink-muted: #6A6555;
  --color-line: #D2CDBE;
  --color-accent: #B23A2E;
  --color-accent-ink: #F7F4EC;
  --color-accent-alt: #A76B1E;
  --color-success: #2F6B43;
  --color-warning: #9A6A1E;
  --color-danger: #B23A2E;
  --color-owed: #2F6B43;
  --color-owe: #B23A2E;
  --color-neutral-mid: #A9A28F;
  --shadow-card: 0 1px 3px rgba(45,40,30,.08);
  --shadow-cta: 0 2px 8px rgba(45,40,30,.14);
  --shadow-sheet: 0 -12px 34px rgba(45,40,30,.16);
  --focus-ring: 0 0 0 3px rgba(178,58,46,.28);
  --scrim: rgba(42,38,28,.44);
  --chart-surface: #F4F2EB;
  --chart-1: #33302A;
  --chart-2: #B23A2E;
  --chart-3: #2E6E6B;
  --chart-4: #6E6A2A;
  --chart-5: #3A4A72;
  --chart-negative: #B23A2E;
  --chart-midpoint: #A9A28F;
  --chart-positive: #2F6B43;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #141310;
    --color-bg-elevated: #201D16;
    --color-surface: #1D1B14;
    --color-surface-alt: #272319;
    --color-ink: #E9E4D6;
    --color-ink-muted: #9A9482;
    --color-line: #322E22;
    --color-accent: #E4573C;
    --color-accent-ink: #FBF6EC;
    --color-accent-alt: #D9A24A;
    --color-success: #74C089;
    --color-warning: #D9A24A;
    --color-danger: #E4573C;
    --color-owed: #74C089;
    --color-owe: #E4573C;
    --color-neutral-mid: #6A6454;
    --shadow-card: none;
    --shadow-cta: 0 2px 10px rgba(0,0,0,.5);
    --shadow-sheet: 0 -12px 34px rgba(0,0,0,.55);
    --focus-ring: 0 0 0 3px rgba(228,87,60,.4);
    --scrim: rgba(0,0,0,.6);
    --chart-surface: #1D1B14;
    --chart-1: #C9C3B2;
    --chart-2: #E4573C;
    --chart-3: #56B3AE;
    --chart-4: #B7B04A;
    --chart-5: #7E93CC;
    --chart-negative: #E4573C;
    --chart-midpoint: #6A6454;
    --chart-positive: #74C089;
    color-scheme: dark;
  }
}
:root[data-theme="light"] {
  --color-bg: #E8E5DC;
  --color-bg-elevated: #F2F0E8;
  --color-surface: #F4F2EB;
  --color-surface-alt: #E0DCCF;
  --color-ink: #201E18;
  --color-ink-muted: #6A6555;
  --color-line: #D2CDBE;
  --color-accent: #B23A2E;
  --color-accent-ink: #F7F4EC;
  --color-accent-alt: #A76B1E;
  --color-success: #2F6B43;
  --color-warning: #9A6A1E;
  --color-danger: #B23A2E;
  --color-owed: #2F6B43;
  --color-owe: #B23A2E;
  --color-neutral-mid: #A9A28F;
  --shadow-card: 0 1px 3px rgba(45,40,30,.08);
  --shadow-cta: 0 2px 8px rgba(45,40,30,.14);
  --shadow-sheet: 0 -12px 34px rgba(45,40,30,.16);
  --focus-ring: 0 0 0 3px rgba(178,58,46,.28);
  --scrim: rgba(42,38,28,.44);
  --chart-surface: #F4F2EB;
  --chart-1: #33302A;
  --chart-2: #B23A2E;
  --chart-3: #2E6E6B;
  --chart-4: #6E6A2A;
  --chart-5: #3A4A72;
  --chart-negative: #B23A2E;
  --chart-midpoint: #A9A28F;
  --chart-positive: #2F6B43;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --color-bg: #141310;
  --color-bg-elevated: #201D16;
  --color-surface: #1D1B14;
  --color-surface-alt: #272319;
  --color-ink: #E9E4D6;
  --color-ink-muted: #9A9482;
  --color-line: #322E22;
  --color-accent: #E4573C;
  --color-accent-ink: #FBF6EC;
  --color-accent-alt: #D9A24A;
  --color-success: #74C089;
  --color-warning: #D9A24A;
  --color-danger: #E4573C;
  --color-owed: #74C089;
  --color-owe: #E4573C;
  --color-neutral-mid: #6A6454;
  --shadow-card: none;
  --shadow-cta: 0 2px 10px rgba(0,0,0,.5);
  --shadow-sheet: 0 -12px 34px rgba(0,0,0,.55);
  --focus-ring: 0 0 0 3px rgba(228,87,60,.4);
  --scrim: rgba(0,0,0,.6);
  --chart-surface: #1D1B14;
  --chart-1: #C9C3B2;
  --chart-2: #E4573C;
  --chart-3: #56B3AE;
  --chart-4: #B7B04A;
  --chart-5: #7E93CC;
  --chart-negative: #E4573C;
  --chart-midpoint: #6A6454;
  --chart-positive: #74C089;
  color-scheme: dark;
}
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}