:root {
    --bg: #ffffff;
    --panel: #ffffff;

    --text: #0b1220;
    --sub: #5a657a;

    --muted: #f5f7fb;
    --muted2: #eef3fb;

    --border: #e6eaf2;

    --shadow: 0 10px 30px rgba(16, 24, 40, 0.08);

    --radius: 16px;
    --radius2: 12px;

    --blue: #1f6feb;
    --blue2: #0b5bd3;

    --green: #16a34a;
    --green2: #0f8a3d;

    --ok: #16a34a;
    --warn: #f59e0b;
    --bad: #ef4444;
    --info: #1f6feb;
}

body.dark-mode {
    --bg: #0f172a;
    --panel: #111827;

    --text: #e5e7eb;
    --sub: #94a3b8;

    --muted: #1f2937;
    --muted2: #1e293b;

    --border: #1f2937;

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