:root {

    /* Colors */

    --bg-primary: #0B1220;
    --bg-card: #111827;

    --accent: #3B82F6;
    --accent-hover: #2563EB;

    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;

    --border-color: #1E293B;

    /* Layout */

    --container-width: 1200px;
    --radius: 12px;

    /* Effects */

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

    --transition: 0.25s ease;
}