/* variables.css — Complete. Do not modify. */

:root {
    /* Layout */
    --nav-height: 4rem;
    --slide-menu-width: 280px;
    --max-width: 68rem;
    --gutter: clamp(1.25rem, 5vw, 2.5rem);

    /* Colors */
    --color-bg: #0f1117;
    --color-surface: #1a1d27;
    --color-surface-raised: #22263a;
    --color-border: #2e3352;
    --color-text: #e2e8f0;
    --color-text-muted: #8892a4;
    --color-accent: #6366f1;
    --color-accent-hover: #4f46e5;
    --color-accent-light: #818cf8;
    --color-overlay: rgb(0 0 0 / 0.6);

    /* Typography */
    --font-sans: system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, monospace;

    /* Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1.25rem;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.3);
    --shadow-md: 0 4px 12px rgb(0 0 0 / 0.4);
    --shadow-lg: 0 8px 24px rgb(0 0 0 / 0.5);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slide: 320ms ease-out;
}