/*
 * GENERATED FILE. DO NOT EDIT.
 * Source: frontend/src/styles/v2/tokens.ts
 * Source SHA-256: 6e710726e1076f25c7c0256d37b30722c2d4ceab29560cd425f498961579a831
 * Legal state map: P.primary at 0.08 hover / 0.1 tint alpha
 * Regenerate: node docs/legal/html/scripts/generate-legal-tokens.mjs
 */

:root {
  color-scheme: light;
  --paper: #efeeec;
  --surface: #ffffff;
  --surface-muted: #f4f4f5;
  --ink-warm: #1c1609;
  --text-primary: #0a0a0a;
  --text-secondary: #3f3f46;
  --text-quiet: #686a75;
  --text-on-ink: #ffffff;
  --interaction: #4862b2;
  --interaction-hover: rgba(72, 98, 178, 0.08);
  --interaction-tint: rgba(72, 98, 178, 0.1);
  --saffron: #e0a040;
  --saffron-tint: rgba(224, 160, 64, 0.15);
  --saffron-text: #8e5e1a;
  --saffron-deep: #704210;
  --rule: #b8bfcb;
  --rule-soft: rgba(184, 191, 203, 0.6);
  --weight-regular: 400;
  --weight-medium: 500;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
}