/* Design tokens — the single place where colors and shared values are defined. */
:root {
    --color-bg: #f8fafc;
    --color-surface: #ffffff;
    --color-text: #0f172a;
    --color-text-muted: #475569;
    --color-primary: #0f766e;
    --color-primary-strong: #115e59;
    --color-primary-soft: #ccfbf1;
    --color-border: #e2e8f0;
    --color-on-primary: #ffffff;

    --color-error: #b91c1c;

    --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    --shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
    --shadow-md: 0 16px 40px rgb(15 23 42 / 0.14);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4.5rem;

    --container-max: 70rem;
}