:root {
    --primary: #4361ee;
    --primary-light: #748df8;
    --primary-dark: #3a56d4;
    --primary-rgb: 67, 97, 238;

    --secondary: #3a0ca3;
    --secondary-rgb: 58, 12, 163;
    --accent: #f72585;
    --accent-rgb: 247, 37, 133;
    --success: #40916c;
    --success-rgb: 64, 145, 108;

    --bg: #0a0a0f;
    --surface: #12121a;
    --surface-elevated: #1a1a26;

    --text: #e8e8ed;
    --text-muted: rgba(232, 232, 237, 0.5);
    --text-subtle: rgba(232, 232, 237, 0.3);
    --text-ghost: rgba(232, 232, 237, 0.12);

    --border: rgba(255, 255, 255, 0.06);
    --border-hover: rgba(255, 255, 255, 0.12);
    --border-active: rgba(67, 97, 238, 0.3);

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;
    --space-10: 64px;
    --space-11: 80px;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", monospace;

    --text-xs: 0.72rem;
    --text-sm: 0.82rem;
    --text-base: 0.95rem;
    --text-lg: 1.25rem;
    --text-xl: 1.6rem;
    --text-2xl: 2.1rem;

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --dur-fast: 150ms;
    --dur-normal: 250ms;
    --dur-slow: 400ms;

    --z-base: 1;
    --z-float: 10;
    --z-sticky: 200;
    --z-overlay: 500;
}