/* Design tokens from the Modernist design system.
   Source: docs/design/_ds/modernist-styles.css — same computed values.
   Colors are copied verbatim; --space-* are normalized from the source's
   `4.0px`-style values to `4px`, and --radius-* from `0px` to `0`.
   Unused ramps (accent-2, shadows) omitted; --color-divider resolved from
   color-mix(in srgb, #201e1d 40%, transparent). */

:root {
  --color-bg: #f3f2f2;
  --color-surface: #eae9e9;
  --color-text: #201e1d;
  --color-accent: #ec3013;
  --color-divider: rgba(32, 30, 29, 0.4);

  --color-neutral-300: #d7d3d3;
  --color-neutral-500: #9b9797;
  --color-neutral-600: #7d7979;
  --color-neutral-700: #605d5d;

  --color-accent-100: #fff2ef;
  --color-accent-600: #dd2b0f;
  --color-accent-700: #ae1800;

  --font-heading: "Archivo", system-ui, sans-serif;
  --font-heading-weight: 800;
  --font-body: "Archivo", system-ui, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
}