/* ============================================================
   theme/dark-red.css — Dark Red palette
   Whitelabel variant: deep crimson accent on neutral dark base.
   Swap this in from admin panel to rebrand the entire site.
   ============================================================ */

:root {
    /* ── Backgrounds ── */
    --bg: oklch(12% 0.015 15);
    --bg2: oklch(15% 0.02 15);
    --bg3: oklch(20% 0.025 15);

    /* ── Surfaces ── */
    --surface: color-mix(in oklch, oklch(40% 0.03 15) 10%, transparent);
    --surface2: color-mix(in oklch, oklch(40% 0.03 15) 16%, transparent);
    --surface3: color-mix(in oklch, oklch(40% 0.03 15) 24%, transparent);

    /* ── Borders ── */
    --border: color-mix(in oklch, var(--color-white) 8%, transparent);
    --border2: color-mix(in oklch, var(--color-white) 14%, transparent);

    /* ── Text ── */
    --text: var(--color-white);
    --text2: oklch(86% 0.01 15);
    --text3: oklch(58% 0.02 15);

    /* ── Brand / Accent — Crimson Red ── */
    --accent: var(--color-red-500);
    --accent2: var(--color-red-600);

    /* ── Status ── */
    --green: var(--color-green-500);
    --orange: var(--color-orange-500);
    --red: var(--color-rose-500);
    --gold: var(--color-yellow-500);
}