/* GENERATED from packages/types/src/designTokens.ts — do not edit by hand.
   Regenerate: npx tsx packages/types/gen-tokens.ts */

:root {
  --c-primary: #1E3A5F;
  --c-primary-hover: #17304F;
  --c-on-primary: #FFFFFF;
  --c-approve: #16A34A;
  --c-approve-soft: #DCFCE7;
  --c-on-approve: #FFFFFF;
  --c-pending: #F59E0B;
  --c-pending-soft: #FEF3C7;
  --c-attention: #DC2626;
  --c-attention-soft: #FEE2E2;
  --c-on-attention: #FFFFFF;
  --c-accent: #2563EB;
  --c-ink: #0F172A;
  --c-ink-muted: #64748B;
  --c-canvas: #F8FAFC;
  --c-surface: #FFFFFF;
  --c-surface-muted: #E9EEF5;
  --c-border: #CBD5E1;
  --c-border-subtle: #E2E8F0;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 1.875rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3.25rem;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 40px;
  --sp-2xl: 64px;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --shadow-card: 0 1px 2px rgba(15,23,42,0.04), 0 8px 24px rgba(15,23,42,0.06);
  --shadow-raised: 0 2px 4px rgba(15,23,42,0.06), 0 16px 40px rgba(15,23,42,0.10);
}