/* Hallmark · macrostructure: Dashboard · tone: utilitarian · anchor hue: 255 */
:root {
    --font-display: "Bricolage Grotesque", system-ui, sans-serif;
    --font-body: "IBM Plex Sans", system-ui, sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.875rem;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast: 120ms;
    --dur-base: 200ms;

    --color-paper: oklch(97% 0.006 85);
    --color-surface: oklch(100% 0 0);
    --color-surface-sunk: oklch(95% 0.006 85);
    --color-row-hover: oklch(98% 0.006 255);
    --color-rule: oklch(91% 0.006 85);
    --color-rule-strong: oklch(84% 0.008 85);
    --color-ink: oklch(22% 0.02 255);
    --color-ink-muted: oklch(48% 0.02 255);

    --color-accent: oklch(50% 0.17 255);
    --color-accent-strong: oklch(42% 0.17 255);
    --color-accent-soft: oklch(93% 0.04 255);
    --color-accent-on-dark: oklch(78% 0.12 255);
    --color-on-accent: oklch(100% 0 0);
    --color-focus: oklch(55% 0.2 255);

    --color-success: oklch(50% 0.13 150);
    --color-success-soft: oklch(94% 0.05 150);
    --color-danger: oklch(52% 0.19 27);
    --color-danger-soft: oklch(94% 0.04 27);
    --color-danger-tint: oklch(97.5% 0.02 27);
    --color-warn: oklch(58% 0.14 65);
    --color-warn-soft: oklch(95% 0.05 80);
    --color-info: oklch(52% 0.12 230);
    --color-info-soft: oklch(94% 0.04 230);

    --color-gold: oklch(78% 0.15 85);
    --color-silver: oklch(75% 0.01 255);
    --color-bronze: oklch(62% 0.11 55);

    --color-sidebar: oklch(21% 0.02 255);
    --color-sidebar-hover: oklch(27% 0.025 255);
    --color-sidebar-active: oklch(31% 0.04 255);
    --color-sidebar-rule: oklch(30% 0.02 255);
    --color-sidebar-ink: oklch(78% 0.015 255);
    --color-sidebar-ink-dim: oklch(58% 0.015 255);
    --color-sidebar-ink-strong: oklch(98% 0 0);

    --color-scrim: oklch(20% 0.02 255 / 0.45);
}