:root {
    --color-bg: #040b1b;
    --color-bg-alt: #000612;
    --color-surface: rgba(7, 16, 35, 0.65);
    --color-surface-soft: rgba(7, 16, 35, 0.55);

    --color-text: #e6e7e8;
    --color-heading: #f1f5f9;
    --color-muted: #94a3b8;
    --color-muted-strong: #cbd5e1;
    --color-muted-dark: #64748b;

    --color-primary: #526ff5;
    --color-primary-light: #869af8;
    --color-secondary: #7b4deb;
    --color-blue: #2563eb;
    --color-purple: #7c3aed;

    --color-border: rgba(148, 163, 184, 0.2);
    --color-border-soft: rgba(148, 163, 184, 0.12);

    --container-width: 1200px;
    --container-padding: 2rem;
    --radius: 0.5rem;
    --transition: 0.25s ease;
}