/**
 * Light Blue Theme
 * ==================
 * Soft sky-blue light variant
 */

:root[data-theme="light-blue"] {
    /* ========== PRIMARY COLORS ========== */
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-light: rgba(37, 99, 235, 0.1);

    /* ========== ACCENT COLORS ========== */
    --accent-green: #16a34a;
    --accent-yellow: #d97706;
    --accent-red: #dc2626;
    --accent-blue: #2563eb;
    --accent-purple: #7c3aed;
    --accent-orange: #ea580c;

    /* ========== BACKGROUND COLORS (blue tint) ========== */
    --bg: #eff6ff;
    --bg-cream: #f0f7ff;
    --bg-secondary: #e8f1fd;
    --surface: #ffffff;
    --card-bg: #ffffff;
    --bg-hover: rgba(37, 99, 235, 0.06);

    /* ========== BORDER COLORS ========== */
    --border: #bfdbfe;
    --border-light: #dbeafe;
    --border-dark: #93bbfd;

    /* ========== TEXT COLORS ========== */
    --text: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-light: #cbd5e1;

    /* ========== LINK COLORS ========== */
    --link-color: #2563eb;
    --link-hover: #1d4ed8;

    /* ========== CLIENT/EXTERNAL COLORS ========== */
    --client-badge-bg: #fef3c7;
    --client-badge-text: #92400e;
    --client-banner-bg: #fef3c7;
    --client-banner-border: #fcd34d;

    /* ========== INPUT COLORS ========== */
    --input-bg: #ffffff;
    --input-border: #bfdbfe;
    --input-focus-border: #2563eb;
    --input-placeholder: #94a3b8;

    /* ========== BADGE BACKGROUNDS ========== */
    --badge-green-bg: #dcfce7;
    --badge-green-text: #15803d;
    --badge-blue-bg: #dbeafe;
    --badge-blue-text: #1d4ed8;
    --badge-red-bg: #fee2e2;
    --badge-red-text: #b91c1c;
    --badge-yellow-bg: #fef3c7;
    --badge-yellow-text: #a16207;
    --badge-purple-bg: #ede9fe;
    --badge-purple-text: #6d28d9;
    --badge-pink-bg: #fce7f3;
    --badge-pink-text: #be185d;
    --badge-orange-bg: #ffedd5;
    --badge-orange-text: #c2410c;
    --badge-indigo-bg: #e0e7ff;
    --badge-indigo-text: #4338ca;
    --badge-teal-bg: #ccfbf1;
    --badge-teal-text: #0d9488;
    --badge-gray-bg: #f1f5f9;
    --badge-gray-text: #64748b;

    /* ========== TINTED BACKGROUNDS ========== */
    --bg-blue-tint: rgba(37, 99, 235, 0.06);
    --bg-green-tint: rgba(22, 163, 74, 0.06);
    --bg-amber-tint: rgba(217, 119, 6, 0.06);
    --bg-red-tint: rgba(220, 38, 38, 0.06);

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

    /* ========== COLORED BORDERS ========== */
    --border-red-light: rgba(220, 38, 38, 0.2);
    --border-green-light: rgba(22, 163, 74, 0.2);
    --border-blue-light: rgba(37, 99, 235, 0.2);
    --border-yellow-light: rgba(217, 119, 6, 0.2);

    /* ========== SHADOWS ========== */
    --shadow: 0 1px 3px rgba(37, 99, 235, 0.08);
    --shadow-sm: 0 1px 2px rgba(37, 99, 235, 0.06);
    --shadow-md: 0 4px 12px rgba(37, 99, 235, 0.1);
    --shadow-lg: 0 10px 25px rgba(37, 99, 235, 0.12);
}

/* Scrollbar */
:root[data-theme="light-blue"] ::-webkit-scrollbar-track { background: #eff6ff; }
:root[data-theme="light-blue"] ::-webkit-scrollbar-thumb { background: #93bbfd; }
:root[data-theme="light-blue"] ::-webkit-scrollbar-thumb:hover { background: #60a5fa; }

/* Selection */
:root[data-theme="light-blue"] ::selection { background: rgba(37, 99, 235, 0.2); color: #1e293b; }