:root{

    --background:#0f172a;
    --surface:#1e293b;
    --surface-hover:#334155;

    --primary:#3b82f6;
    --primary-hover:#2563eb;

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

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

    --shadow:0 12px 30px rgba(0,0,0,.25);

    --radius:18px;

    --transition:.3s ease;

    --max-width:1200px;

}

[data-theme="light"]{

    --background:#f8fafc;
    --surface:#ffffff;
    --surface-hover:#f1f5f9;

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

    --text:#0f172a;
    --text-secondary:#334155;
    --text-muted:#64748b;

    --border:rgba(15,23,42,.08);

    --shadow:0 12px 30px rgba(15,23,42,.08);

}