/**
 * Light Yellow Theme
 * ==================
 * Warm sunny/amber light variant
 */

:root[data-theme="light-yellow"] {
    /* ========== PRIMARY COLORS ========== */
    --primary: #b45309;
    --primary-hover: #92400e;
    --primary-light: rgba(180, 83, 9, 0.1);

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

    /* ========== BACKGROUND COLORS (warm yellow tint) ========== */
    --bg: #fffbeb;
    --bg-cream: #fffef5;
    --bg-secondary: #fef6dc;
    --surface: #ffffff;
    --card-bg: #ffffff;
    --bg-hover: rgba(180, 83, 9, 0.06);

    /* ========== BORDER COLORS ========== */
    --border: #fde68a;
    --border-light: #fef3c7;
    --border-dark: #fbbf24;

    /* ========== TEXT COLORS ========== */
    --text: #292117;
    --text-secondary: #6b5c42;
    --text-muted: #a09078;
    --text-light: #d4c8b0;

    /* ========== LINK COLORS ========== */
    --link-color: #b45309;
    --link-hover: #92400e;

    /* ========== 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: #fde68a;
    --input-focus-border: #b45309;
    --input-placeholder: #a09078;

    /* ========== 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: #f5f1ea;
    --badge-gray-text: #6b5c42;

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

    /* ========== ADDITIONAL TEXT ========== */
    --text-disabled: #d4c8b0;
    --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(180, 83, 9, 0.2);

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

/* Scrollbar */
:root[data-theme="light-yellow"] ::-webkit-scrollbar-track { background: #fffbeb; }
:root[data-theme="light-yellow"] ::-webkit-scrollbar-thumb { background: #fbbf24; }
:root[data-theme="light-yellow"] ::-webkit-scrollbar-thumb:hover { background: #f59e0b; }

/* Selection */
:root[data-theme="light-yellow"] ::selection { background: rgba(180, 83, 9, 0.2); color: #292117; }