:root {

    --background: #0b0b0d;

    --surface: #17181c;

    --surface-light: #202228;

    --primary: #8A5CF6;

    --secondary: #2ED3C6;

    --accent: #FFD166;

    --white: #ffffff;

    --text: #f8f9fa;

    --muted: #a4a7b0;

    --border: #2a2b30;

    --radius: 18px;

    --transition: .3s ease;

    --shadow: 0 10px 30px rgba(0, 0, 0, .35);

    --container: 1200px;

    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 7rem;

}