:root {

    --bg: oklch(0.16 0.006 255);
    --surface: oklch(0.21 0.007 255);
    --surface-raised: oklch(0.25 0.008 255);
    --border: oklch(0.30 0.008 255);
    --border-bright: oklch(0.42 0.010 255);
    --ink: oklch(0.96 0.004 255);
    --muted: oklch(0.72 0.012 255);
    --accent: oklch(0.68 0.16 255);
    --accent-solid: oklch(0.55 0.18 255);
    --accent-deep: oklch(0.48 0.17 255);
    --accent-press: oklch(0.42 0.16 255);
    --positive: oklch(0.74 0.15 155);
    --danger: oklch(0.68 0.18 25);
    --on-accent: oklch(1 0 0);

    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-full: 9999px;

    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 40px;
    --sp-xxl: 64px;

    --ease: cubic-bezier(0.25, 1, 0.5, 1);
    --fast: 120ms;
    --base: 200ms;

    --font-sans: "Schibsted Grotesk", "Inter", system-ui, -apple-system, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

    --shadow-overlay: 0 8px 32px -8px rgba(0, 0, 0, 0.6);

    --z-nav: 100;
    --z-toast: 400;

    --maxw: 1080px;
}