/**
 * Dark Green Theme
 * ==================
 * Forest/emerald dark variant
 */

:root[data-theme="dark-green"] {
    /* ========== PRIMARY COLORS ========== */
    --primary: #34d399;
    --primary-hover: #4eeab2;
    --primary-light: rgba(52, 211, 153, 0.15);

    /* ========== ACCENT COLORS ========== */
    --accent-green: #4ade80;
    --accent-green-light: rgba(74, 222, 128, 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 (green tint) ========== */
    --bg: #151d19;
    --bg-cream: #101814;
    --bg-secondary: #18251e;
    --surface: #1e2f26;
    --card-bg: #1e2f26;
    --bg-hover: rgba(52, 211, 153, 0.08);

    /* ========== BORDER COLORS ========== */
    --border: #2a4038;
    --border-light: #22352c;
    --border-dark: #38564a;

    /* ========== TEXT COLORS ========== */
    --text: #e4f0ea;
    --text-secondary: #94b8a8;
    --text-muted: #608070;
    --text-light: #4a6858;

    /* ========== LINK COLORS ========== */
    --link-color: #34d399;
    --link-hover: #4eeab2;

    /* ========== 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: #18251e;
    --input-border: #2a4038;
    --input-focus-border: #34d399;
    --input-placeholder: #608070;

    /* ========== BADGE BACKGROUNDS ========== */
    --badge-green-bg: rgba(74, 222, 128, 0.15);
    --badge-green-text: #4ade80;
    --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: #4a6858;
    --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, 10, 5, 0.35);
    --shadow-sm: 0 1px 2px rgba(0, 10, 5, 0.25);
    --shadow-md: 0 4px 12px rgba(0, 10, 5, 0.45);
    --shadow-lg: 0 10px 25px rgba(0, 10, 5, 0.55);
}

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

/* Selection */
:root[data-theme="dark-green"] ::selection { background: rgba(52, 211, 153, 0.3); color: #e4f0ea; }