/* ============================================================
   Auto-generated theme — do not edit by hand.
   Name: dark-blue-comb-01
   Source of truth: data/json/theme.json
   ============================================================ */

:root {
    /* ── Backgrounds ── */
    --bg: #000c2e;
    --bg2: #02195a;
    --bg3: #0b2b84;

    /* ── Surfaces ── */
    --surface: #000c2e;
    --surface2: #02195a;
    --surface3: #0f318f;

    /* ── Borders ── */
    --border: #3b82f6;
    --border2: #3f3f46;

    /* ── Text ── */
    --text: #ffffff;
    --text2: #e4e4e7;
    --text3: #a1a1aa;

    /* ── Brand / Accent ── */
    --accent: #3b82f6;
    --accent-soft: #bfdbfe;
    --accent2: #2563eb;
    --accent-strong: #1d4ed8;

    /* ── Status ── */
    --green: #22c55e;
    --orange: #f97316;
    --red: #ef4444;
    --gold: #eab308;

    /* ── Status Soft ── */
    --green-soft: #bbf7d0;
    --orange-soft: #fed7aa;
    --red-soft: #fecaca;
    --gold-soft: #fef08a;

    /* ── Link ── */
    --link: #3b82f6;
    --link-hover: #2563eb;
    --text-on-accent: #ffffff;

    /* ── A11y ── */
    --focus-ring: #60a5fa;

    /* ── Header ── */
    --header-bg: #18181b;
    --header-fg: #ffffff;
    --header-border: #27272a;

    /* ── Footer ── */
    --footer-bg: #18181b;
    --footer-fg: #e4e4e7;

    /* ── Tabbar ── */
    --tabbar-bg: #18181b;
    --tabbar-fg: #e4e4e7;
    --tabbar-active: #3b82f6;

    /* ── Sidebar ── */
    --sidebar-bg: #18181b;
    --sidebar-fg: #e4e4e7;
    --sidebar-active: #3b82f6;

    /* ── Button ── */
    --button-bg: #3b82f6;
    --button-fg: #ffffff;
    --button-hover: #2563eb;

    /* ── Card ── */
    --card-bg: #27272a;
    --card-border: #27272a;

    /* ── Modal ── */
    --modal-bg: #18181b;
    --modal-overlay: #000000;

    /* ── Tooltip ── */
    --tooltip-bg: #ffffff;
    --tooltip-fg: #09090b;

    /* ── Form / Input ── */
    --input-bg: #27272a;
    --input-border: #27272a;
    --input-fg: #ffffff;
    --input-focus: #3b82f6;

    /* ── Radius ── */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;

    /* ── Shadow ── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.35);

    /* ── Background Image ── */
    --bg-image: none;
    --bg-image-mobile: none;

}