/**
 * Dark Blue Theme
 * ==================
 * Deep navy/blue dark variant
 */

:root[data-theme="dark-blue"] {
    /* ========== PRIMARY COLORS ========== */
    --primary: #5b9cf5;
    --primary-hover: #7db4f8;
    --primary-light: rgba(91, 156, 245, 0.15);

    /* ========== ACCENT COLORS ========== */
    --accent-green: #34d399;
    --accent-green-light: rgba(52, 211, 153, 0.15);
    --accent-yellow: #fbbf24;
    --accent-yellow-light: rgba(251, 191, 36, 0.12);
    --accent-red: #f87171;
    --accent-red-light: rgba(248, 113, 113, 0.15);
    --accent-blue: #60a5fa;
    --accent-blue-light: rgba(96, 165, 250, 0.15);
    --accent-purple: #a78bfa;
    --accent-purple-light: rgba(167, 139, 250, 0.15);
    --accent-orange: #fb923c;
    --accent-orange-light: rgba(251, 146, 60, 0.15);
    --accent-pink: #f472b6;
    --accent-pink-light: rgba(244, 114, 182, 0.15);
    --accent-teal: #2dd4bf;
    --accent-teal-light: rgba(45, 212, 191, 0.15);

    /* ========== BACKGROUND COLORS (navy tint) ========== */
    --bg: #151a24;
    --bg-cream: #101520;
    --bg-secondary: #182030;
    --surface: #1e2738;
    --card-bg: #1e2738;
    --bg-hover: rgba(91, 156, 245, 0.08);

    /* ========== BORDER COLORS ========== */
    --border: #2a3550;
    --border-light: #222d44;
    --border-dark: #384b6e;

    /* ========== TEXT COLORS ========== */
    --text: #e4e8f0;
    --text-secondary: #94a3c0;
    --text-muted: #607090;
    --text-light: #4a5a78;

    /* ========== LINK COLORS ========== */
    --link-color: #5b9cf5;
    --link-hover: #7db4f8;

    /* ========== CLIENT/EXTERNAL COLORS ========== */
    --client-badge-bg: rgba(251, 191, 36, 0.15);
    --client-badge-text: #fbbf24;
    --client-banner-bg: rgba(251, 191, 36, 0.1);
    --client-banner-border: rgba(251, 191, 36, 0.3);

    /* ========== INPUT COLORS ========== */
    --input-bg: #182030;
    --input-border: #2a3550;
    --input-focus-border: #5b9cf5;
    --input-placeholder: #607090;

    /* ========== BADGE BACKGROUNDS ========== */
    --badge-green-bg: rgba(52, 211, 153, 0.15);
    --badge-green-text: #34d399;
    --badge-blue-bg: rgba(96, 165, 250, 0.15);
    --badge-blue-text: #60a5fa;
    --badge-red-bg: rgba(248, 113, 113, 0.15);
    --badge-red-text: #f87171;
    --badge-yellow-bg: rgba(251, 191, 36, 0.15);
    --badge-yellow-text: #fbbf24;
    --badge-purple-bg: rgba(167, 139, 250, 0.15);
    --badge-purple-text: #a78bfa;
    --badge-pink-bg: rgba(244, 114, 182, 0.15);
    --badge-pink-text: #f472b6;
    --badge-orange-bg: rgba(251, 146, 60, 0.15);
    --badge-orange-text: #fb923c;
    --badge-indigo-bg: rgba(99, 102, 241, 0.15);
    --badge-indigo-text: #818cf8;
    --badge-teal-bg: rgba(45, 212, 191, 0.15);
    --badge-teal-text: #2dd4bf;
    --badge-gray-bg: rgba(156, 163, 175, 0.12);
    --badge-gray-text: #9ca3af;

    /* ========== TINTED BACKGROUNDS ========== */
    --bg-blue-tint: rgba(96, 165, 250, 0.08);
    --bg-green-tint: rgba(52, 211, 153, 0.08);
    --bg-amber-tint: rgba(251, 191, 36, 0.08);
    --bg-red-tint: rgba(248, 113, 113, 0.08);

    /* ========== ADDITIONAL TEXT ========== */
    --text-disabled: #4a5a78;
    --text-on-primary: #ffffff;

    /* ========== COLORED BORDERS ========== */
    --border-red-light: rgba(248, 113, 113, 0.3);
    --border-green-light: rgba(52, 211, 153, 0.3);
    --border-blue-light: rgba(96, 165, 250, 0.3);
    --border-yellow-light: rgba(251, 191, 36, 0.3);

    /* ========== SHADOWS ========== */
    --shadow: 0 1px 3px rgba(0, 0, 20, 0.35);
    --shadow-sm: 0 1px 2px rgba(0, 0, 20, 0.25);
    --shadow-md: 0 4px 12px rgba(0, 0, 20, 0.45);
    --shadow-lg: 0 10px 25px rgba(0, 0, 20, 0.55);
}

/* Scrollbar */
:root[data-theme="dark-blue"] ::-webkit-scrollbar-track { background: var(--bg-secondary); }
:root[data-theme="dark-blue"] ::-webkit-scrollbar-thumb { background: var(--primary); }
:root[data-theme="dark-blue"] ::-webkit-scrollbar-thumb:hover { background: var(--primary-hover); }

/* Selection */
:root[data-theme="dark-blue"] ::selection { background: rgba(91, 156, 245, 0.3); color: #e4e8f0; }