:root {
    /* Colors */
    --color-bg: #030303;
    --color-bg-soft: #080705;
    --color-surface: #0b0b0b;
    --color-surface-light: #111111;

    --color-white: #ffffff;
    --color-text: #eeeeee;
    --color-text-muted: #8f8f8f;
    --color-text-dark: #5f5f5f;

    --color-orange: #ff8500;
    --color-orange-light: #ff941f;
    --color-border: rgba(255, 255, 255, 0.12);
    --color-border-dark: rgba(255, 255, 255, 0.08);

    /* Layout */
    --container-width: 1360px;
    --container-padding: 32px;

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

    /* Typography */
    --font-primary: 'Space Grotesk', Arial, sans-serif;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.4s ease;
    --transition-slow: 0.8s ease;
}