/**
 * Light Purple Theme
 * ==================
 * Soft lavender/violet light variant
 */

:root[data-theme="light-purple"] {
    /* ========== PRIMARY COLORS ========== */
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --primary-light: rgba(124, 58, 237, 0.1);

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

    /* ========== BACKGROUND COLORS (purple tint) ========== */
    --bg: #f5f3ff;
    --bg-cream: #f8f6ff;
    --bg-secondary: #ede8fd;
    --surface: #ffffff;
    --card-bg: #ffffff;
    --bg-hover: rgba(124, 58, 237, 0.05);

    /* ========== BORDER COLORS ========== */
    --border: #ddd6fe;
    --border-light: #ede9fe;
    --border-dark: #c4b5fd;

    /* ========== TEXT COLORS ========== */
    --text: #1e1530;
    --text-secondary: #553c7a;
    --text-muted: #9080a8;
    --text-light: #c8bcd8;

    /* ========== LINK COLORS ========== */
    --link-color: #7c3aed;
    --link-hover: #6d28d9;

    /* ========== 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: #ddd6fe;
    --input-focus-border: #7c3aed;
    --input-placeholder: #9080a8;

    /* ========== 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: #f3f0f7;
    --badge-gray-text: #553c7a;

    /* ========== 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: #c8bcd8;
    --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(124, 58, 237, 0.08);
    --shadow-sm: 0 1px 2px rgba(124, 58, 237, 0.06);
    --shadow-md: 0 4px 12px rgba(124, 58, 237, 0.1);
    --shadow-lg: 0 10px 25px rgba(124, 58, 237, 0.12);
}

/* Scrollbar */
:root[data-theme="light-purple"] ::-webkit-scrollbar-track { background: #f5f3ff; }
:root[data-theme="light-purple"] ::-webkit-scrollbar-thumb { background: #c4b5fd; }
:root[data-theme="light-purple"] ::-webkit-scrollbar-thumb:hover { background: #a78bfa; }

/* Selection */
:root[data-theme="light-purple"] ::selection { background: rgba(124, 58, 237, 0.2); color: #1e1530; }