/* tokens.css – design tokens */

:root {
    --color-bg: #fafafa;
    --color-text: #111;
    --color-primary: #000000;
    --color-primary-soft: #111827;
    --color-accent: #2563eb;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);
    --shadow-subtle: 0 4px 16px rgba(0, 0, 0, 0.04);

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
}