:root {
    --font-family: Inter, "Segoe UI", Roboto, sans-serif;

    --bg: #0b1220;
    --surface: #111827;
    --surface-light: #1f2937;
    --surface-hover: #293548;

    --text: #f8fafc;
    --text-muted: #94a3b8;

    --primary: #38bdf8;
    --primary-hover: #0ea5e9;

    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;

    --border: rgba(255,255,255,.08);

    --radius-sm: 6px;
    --radius: 12px;
    --radius-lg: 18px;

    --shadow-sm: 0 2px 8px rgba(0,0,0,.2);
    --shadow: 0 10px 25px rgba(0,0,0,.3);

    --container: 1200px;

    --space-1: .5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 5rem;

    --transition: .2s ease;
}