:root {
    --bg: #070817;
    --bg-soft: #0d1022;
    --surface: #11152b;
    --surface-2: #171c36;
    --surface-3: #1c2241;

    --text: #f8fafc;
    --text-soft: #c8cfdd;
    --muted: #818ba3;

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

    --purple: #8b5cf6;
    --purple-dark: #6d28d9;
    --blue: #4f7cff;
    --cyan: #22d3ee;
    --green: #2dd4bf;

    --shadow-lg: 0 30px 90px rgba(0,0,0,.38);
    --shadow-md: 0 18px 35px rgba(0,0,0,.16);

    --radius-sm: 9px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 26px;

    --container: 1440px;
}