:root {
    --bg-dark: #061238;
    --surface: #1c2a40;
    --surface-soft: #22324b;
    --surface-alt: #33435f;
    --border: rgba(255, 255, 255, 0.08);
    --text: #f5f7fb;
    --text-muted: #9fb0ca;
    --text-dark: #152237;

    --primary: #8a41ff;
    --primary-2: #b55fff;
    --info: #1dd4f2;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --secondary: #64748b;

    --public-bg: #f2f4f8;
    --public-surface: #ffffff;
    --public-border: #e7ebf3;

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;

    --shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.10);
    --shadow-md: 0 18px 45px rgba(0, 0, 0, 0.18);

    --font-base: Inter, Arial, Helvetica, sans-serif;

    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
}