/* ============================================================
   theme/default.css — Default Blue palette
   Loaded dynamically by whitelabel admin panel.
   Only semantic tokens live here — everything else in style.css.
   ============================================================ */

:root {
    /* ── Backgrounds ── */
    --bg: var(--color-zinc-950);
    --bg2: var(--color-zinc-900);
    --bg3: var(--color-zinc-800);

    /* ── Surfaces ── */
    --surface: color-mix(in oklch, var(--color-zinc-400) 8%, transparent);
    --surface2: color-mix(in oklch, var(--color-zinc-400) 14%, transparent);
    --surface3: color-mix(in oklch, var(--color-zinc-400) 22%, transparent);

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

    /* ── Text ── */
    --text: var(--color-white);
    --text2: var(--color-zinc-200);
    --text3: var(--color-zinc-400);

    /* ── Brand / Accent ── */
    --accent: var(--color-blue-500);
    --accent2: var(--color-blue-600);

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