:root{
    color-scheme: dark;
}

:root,
:root[data-theme="dark"]{
    --body-gradient: radial-gradient(circle at top, rgba(79, 70, 229, 0.35), transparent 55%);
    --background:#030712;
    --background-alt:#050b18;
    --surface:#0b1220;
    --surface-alt:#111a2f;
    --card:#111827;
    --card-hover:#1f2937;
    --card-border:rgba(148, 163, 184, 0.25);
    --card-border-strong:rgba(148, 163, 184, 0.45);
    --card-shadow:0 10px 30px rgba(2, 6, 23, 0.65);
    --glass:rgba(17, 23, 41, 0.45);

    --primary:#4f46e5;
    --primary-hover:#6366f1;
    --primary-text:#f8fafc;
    --secondary:#38bdf8;
    --accent-soft:rgba(99, 102, 241, 0.15);

    --text-primary:#e2e8f0;
    --text-secondary:#cbd5f5;
    --text-muted:#94a3b8;

    --error-text:#f87171;
    --error-positive-text:#34d399;
    --unfocused:#64748b;
    --focused:#38bdf8;

    --disabled:#1e293b;
    --disabled-text:#475569;

    --checkbox-checked:#38bdf8;
    --checkbox-notchecked:#475569;
    --checkbox-checked-background:#0f172a;
    --checkbox-notchecked-background:#0b1220;

    --notification-background:#111827;
    --notification-background-hover:#1f2937;
    --notification-border-hover:rgba(148, 163, 184, 0.35);

    --notification-new-background:rgba(59, 130, 246, 0.15);
    --notification-new-background-hover:rgba(59, 130, 246, 0.25);

    --notification-imp-background:rgba(248, 113, 113, 0.15);
    --notification-imp-background-hover:rgba(248, 113, 113, 0.25);

    --rank-founder:#fde047;
    --rank-staff:#4f46e5;
    --rank-tester:#22d3ee;
    --rank-user:#ffffff;
}

:root[data-theme="light"]{
    color-scheme: light;
    --body-gradient: radial-gradient(circle at top, rgba(255, 255, 255, 0.9), transparent 55%);
    --background:#f4f6fb;
    --background-alt:#ffffff;
    --surface:#ffffff;
    --surface-alt:#f9fbff;
    --card:#ffffff;
    --card-hover:#f2f4ff;
    --card-border:rgba(148, 163, 184, 0.25);
    --card-border-strong:rgba(148, 163, 184, 0.5);
    --card-shadow:0 20px 35px rgba(15, 23, 42, 0.08);
    --glass:rgba(255, 255, 255, 0.75);

    --primary:#a78bfa;
    --primary-hover:#c4b5fd;
    --primary-text:#ffffff;
    --secondary:#7dd3fc;
    --accent-soft:rgba(167, 139, 250, 0.2);

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

    --error-text:#ef4444;
    --error-positive-text:#10b981;
    --unfocused:#94a3b8;
    --focused:#7c3aed;

    --disabled:#e2e8f0;
    --disabled-text:#94a3b8;

    --checkbox-checked:#7c3aed;
    --checkbox-notchecked:#cbd5f5;
    --checkbox-checked-background:#ede9fe;
    --checkbox-notchecked-background:#f8fafc;

    --notification-background:#ffffff;
    --notification-background-hover:#f8fafc;
    --notification-border-hover:rgba(148, 163, 184, 0.6);

    --notification-new-background:rgba(125, 211, 252, 0.25);
    --notification-new-background-hover:rgba(125, 211, 252, 0.35);

    --notification-imp-background:rgba(248, 164, 148, 0.35);
    --notification-imp-background-hover:rgba(248, 164, 148, 0.45);

    --rank-founder:#fbbf24;
    --rank-staff:#7c3aed;
    --rank-tester:#14b8a6;
    --rank-user:#475569;
}