/**
 * Dark Red Theme
 * ==================
 * Crimson/dark red variant
 */

:root[data-theme="dark-red"] {
    /* ========== PRIMARY COLORS ========== */
    --primary: #f87171;
    --primary-hover: #fb9191;
    --primary-light: rgba(248, 113, 113, 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: #fb9191;
    --accent-red-light: rgba(251, 145, 145, 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 (red tint) ========== */
    --bg: #1d1517;
    --bg-cream: #181012;
    --bg-secondary: #25181c;
    --surface: #2f1e24;
    --card-bg: #2f1e24;
    --bg-hover: rgba(248, 113, 113, 0.08);

    /* ========== BORDER COLORS ========== */
    --border: #402a32;
    --border-light: #352228;
    --border-dark: #563a44;

    /* ========== TEXT COLORS ========== */
    --text: #f0e4e6;
    --text-secondary: #b89498;
    --text-muted: #806068;
    --text-light: #684a52;

    /* ========== LINK COLORS ========== */
    --link-color: #f87171;
    --link-hover: #fb9191;

    /* ========== 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: #25181c;
    --input-border: #402a32;
    --input-focus-border: #f87171;
    --input-placeholder: #806068;

    /* ========== 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: #684a52;
    --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(10, 0, 0, 0.35);
    --shadow-sm: 0 1px 2px rgba(10, 0, 0, 0.25);
    --shadow-md: 0 4px 12px rgba(10, 0, 0, 0.45);
    --shadow-lg: 0 10px 25px rgba(10, 0, 0, 0.55);
}

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

/* Selection */
:root[data-theme="dark-red"] ::selection { background: rgba(248, 113, 113, 0.3); color: #f0e4e6; }