:root {
    color-scheme: light dark;

    --oak-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;

    --oak-sidebar-width: 272px;
    --oak-sidebar-collapsed-width: 84px;
    --oak-topbar-height: 72px;
    --oak-content-max: 1680px;

    --oak-radius-xs: 6px;
    --oak-radius-sm: 10px;
    --oak-radius-md: 14px;
    --oak-radius-lg: 18px;
    --oak-radius-xl: 24px;
    --oak-radius-pill: 999px;

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

    --oak-transition-fast: 140ms ease;
    --oak-transition: 220ms cubic-bezier(.2, .8, .2, 1);

    --oak-z-sidebar: 40;
    --oak-z-topbar: 35;
    --oak-z-dropdown: 60;
    --oak-z-modal: 100;

    --oak-accent-50: #eefbf7;
    --oak-accent-100: #d7f4e9;
    --oak-accent-200: #b2e8d7;
    --oak-accent-300: #80d5bf;
    --oak-accent-400: #48bca3;
    --oak-accent-500: #249d86;
    --oak-accent-600: #177d6b;
    --oak-accent-700: #146456;
    --oak-accent-800: #135044;
    --oak-accent-900: #104238;

    --oak-success: #15803d;
    --oak-warning: #b45309;
    --oak-danger: #b91c1c;
    --oak-info: #0369a1;

    --oak-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --oak-shadow-md: 0 12px 28px rgba(15, 23, 42, .08);
    --oak-shadow-lg: 0 22px 56px rgba(15, 23, 42, .14);
}