:root {
    color-scheme: dark;

    --oo-bg: #070707;
    --oo-surface: #111113;
    --oo-surface-raised: #18181b;
    --oo-surface-hover: #202024;
    --oo-accent: #ff6b00;
    --oo-accent-hover: #ff7a1a;
    --oo-accent-soft: #ff9a52;
    --oo-text: #f7f7f5;
    --oo-text-muted: #a6a6a6;
    --oo-text-soft: #747477;
    --oo-border: rgb(255 255 255 / 10%);
    --oo-border-strong: rgb(255 255 255 / 18%);
    --oo-glow: rgb(255 107 0 / 25%);
    --oo-success: #72d98b;
    --oo-error: #ff6f6f;
    --oo-warning: #ffb35c;

    --oo-font-sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --oo-font-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --oo-radius-control: 15px;
    --oo-radius-card: 24px;
    --oo-radius-panel: 32px;
    --oo-radius-pill: 999px;

    --oo-space-1: 0.25rem;
    --oo-space-2: 0.5rem;
    --oo-space-3: 0.75rem;
    --oo-space-4: 1rem;
    --oo-space-5: 1.25rem;
    --oo-space-6: 1.5rem;
    --oo-space-8: 2rem;
    --oo-space-10: 2.5rem;
    --oo-space-12: 3rem;
    --oo-space-16: 4rem;
    --oo-space-20: 5rem;
    --oo-space-24: 6rem;
    --oo-space-32: 8rem;
    --oo-space-40: 10rem;

    --oo-shell: 1440px;
    --oo-reading: 760px;
    --oo-gutter: clamp(1rem, 3vw, 2rem);
    --oo-section: clamp(4rem, 8vw, 10rem);

    --oo-motion-fast: 160ms;
    --oo-motion-standard: 260ms;
    --oo-motion-panel: 340ms;
    --oo-motion-page: 420ms;
    --oo-ease: cubic-bezier(.22, 1, .36, 1);

    --oo-shadow-card: 0 24px 70px rgb(0 0 0 / 42%), inset 0 1px 0 rgb(255 255 255 / 5%);
    --oo-shadow-float: 0 28px 90px rgb(0 0 0 / 58%);
}

@supports (color: oklch(70% 0.2 40)) {
    :root {
        --oo-bg: oklch(13% 0.006 285);
        --oo-surface: oklch(18% 0.008 285);
        --oo-surface-raised: oklch(22% 0.009 285);
        --oo-surface-hover: oklch(26% 0.01 285);
        --oo-accent: oklch(72% 0.21 48);
        --oo-accent-hover: oklch(76% 0.2 49);
        --oo-accent-soft: oklch(82% 0.14 52);
        --oo-text: oklch(97% 0.004 80);
        --oo-text-muted: oklch(72% 0.006 285);
        --oo-text-soft: oklch(55% 0.006 285);
    }
}