/* Token del design system (da mockup Corporate v3). */
:root {
  --color-paper: oklch(98.2% .003 255);
  --color-surface: oklch(100% 0 0);
  --color-soft: oklch(96.5% .004 255);
  --color-ink: oklch(25% .014 255);
  --color-primary: oklch(27% .027 255);
  --color-muted: oklch(47% .014 255);
  --color-rule: oklch(88.5% .006 255);
  --color-rule-soft: oklch(94% .004 255);
  --color-accent: oklch(47.5% .192 262);
  --color-accent-hover: oklch(41.5% .18 262);
  --color-tint: oklch(96% .019 262);
  --color-on-dark: oklch(100% 0 0);
  --color-success: oklch(38% .085 155);
  --color-success-bg: oklch(96% .023 155);
  --color-warning: oklch(42% .09 70);
  --color-warning-bg: oklch(97% .028 85);
  --color-orange: oklch(48% .13 50);
  --color-orange-bg: oklch(96% .035 55);
  --color-danger: oklch(43% .14 25);
  --color-danger-bg: oklch(97% .018 25);
  --color-info: oklch(43% .11 260);
  --color-info-bg: oklch(96.5% .018 260);
  --color-focus: oklch(55% .16 262);
  --color-overlay: oklch(20% .02 255 / .35);
  --font-body: 'Geist', Arial, sans-serif;
  --font-document: 'Source Serif 4', Georgia, serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px; --s16: 64px; --s20: 80px;
  --sidebar: 232px;
  --dur: 140ms;
}