:root {
    --bg: #ffffff;
    --surface: #f6f7f9;
    --panel: #ffffff;
    --text: #111827;
    --muted: #6b7280;
    --border: #e5e7eb;
    --danger: #ef4444;
    --hover: #f3f4f6;

    --input-bg: #ffffff;
    --input-border: #d1d5db;

    /* --primary: #2f3b52; */
    --primary: #2563eb;
    --primary-contrast: #ffffff;
    --focus: rgba(37, 99, 235, 0.25);
}

html[data-theme="dark"] {
    --bg: #0b1220;
    --surface: #0f172a;
    --panel: #0b1220;
    --text: #e5e7eb;
    --muted: #94a3b8;
    --border: #263246;
    --danger: #ef4444;
    --hover: rgba(255, 255, 255, 0.05);

    --input-bg: #0f172a;
    --input-border: #263246;

    --primary: #cbd5e1;
    --primary-contrast: #0b1220;
    --focus: rgba(203, 213, 225, 0.18);
}