:root {

    --primary: #2563eb;
    --primary-hover: #1d4ed8;

    --secondary: #7c3aed;

    --background: #020617;
    --card-bg: rgba(15,23,42,.82);

    --text: #ffffff;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;

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

    --radius-lg: 28px;
    --radius-md: 16px;
    --radius-sm: 12px;

    --shadow-card: 0 30px 80px rgba(0,0,0,.45);
}