:root {
    --font-display: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    --font-mono: "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    --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;

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-fast: 150ms;
    --dur-base: 250ms;

    --max-content: 720px;
    --max-shell: 1400px;
}

:root[data-theme="light"],
:root:not([data-theme]) {
    --background: #ffffff;
    --surface: #ebebebb9;
    --surface-elevated: #ffffff;
    --surface-sunken: #f5f5f5;

    --text-primary: #000000;
    --text-secondary: #666666;
    --text-tertiary: #999999;

    --border: #eaeaea;
    --border-strong: #d4d4d4;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);

    --success: #10B981;
    --danger: #EF4444;
    --code-bg: #f5f5f5;
    --scrim: rgba(255, 255, 255, 0.85);

    --accent: #000000;
    --accent-soft: rgba(0, 0, 0, 0.05);
}

:root[data-theme="dark"] {
    --background: #000000;
    --surface: #111111b9;
    --surface-elevated: #1a1a1a;
    --surface-sunken: #0a0a0a;

    --text-primary: #ffffff;
    --text-secondary: #a3a3a3;
    --text-tertiary: #ffffff;

    --border: #262626;
    --border-strong: #404040;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6);

    --success: #10B981;
    --danger: #EF4444;
    --code-bg: #0c0c0c;
    --scrim: rgba(7, 7, 7, 0.85);

    --accent: #ffffff;
    --accent-soft: rgba(255, 255, 255, 0.1);
}