/* Theme variables - central source of truth for colors */
:root {
    --primary-bg: #000000;
    --primary-text: #ffffff;
    --accent-color: #c8d300;
    --secondary-bg: #05161e;
    --secondary-bg-hover: #071f2b;
    --error-bg: rgba(255, 4, 4, 0.3);
    --error-text: #ff000a;
    --button-gradient: linear-gradient(-7deg, #98a300 0%, #c8d300 100%);
    --button-gradient-hover: linear-gradient(-7deg, #a8b300 0%, #d8e310 100%);
    --overlay-bg: rgba(255, 255, 255, 0.02);
    --overlay-bg-hover: rgba(235, 255, 235, 0.17);
    --overlay-border: rgba(255, 255, 255, 0.06);
    --overlay-border-hover: rgba(255, 255, 255, 0.12);
    --overlay-text: #ffffff;
    --overlay-text-secondary: rgba(255, 255, 255, 0.85);
    --overlay-text-muted: rgba(255, 255, 255, 0.65);
    --overlay-text-light: rgba(255, 255, 255, 0.8);
    --placeholder-color: rgba(255, 255, 255, 0.45);
    --tier-bg: #222;
    --menu-dropdown-bg: #222;
    /* Catalog lifecycle */
    --deprecated-bg: #3b1f1f;
    --deprecated-text: #ffb4b4;
    --deprecated-border: #5a2d2d;
    /* Legacy variables for compatibility */
    --bg: #000000;
    --text: #ffffff;
    --text-label: #cccccc;
    --accent: #ff9a64;
    --surface: rgba(235, 255, 235, 0.2);
    --surface-flash: rgba(235, 255, 235, 0.3);
    --card-bg: rgba(235, 255, 235, 0.15);
    --card-bg-strong: rgba(235, 255, 235, 0.2);
    --card-bg-strong-hover: rgba(235, 255, 235, 0.3);
    --muted: rgba(255, 255, 255, 0.65);
    --muted-2: rgba(255, 255, 255, 0.8);
    --border: rgba(255, 255, 255, 0.12);
    --input-bg: rgba(0, 0, 0, 0.3);
    --input-border: rgba(255, 255, 255, 0.08);
    --btn-gradient: linear-gradient(-7deg, #a8b300 0%, #d8e310 100%);
    --brand-border: #c8d300;
}

.light-theme {
    --primary-bg: #ffffff;
    --primary-text: #000000;
    --accent-color: #c8d300;
    --secondary-bg: #f0f0f0;
    --secondary-bg-hover: #e0e0e0;
    --error-bg: rgba(255, 4, 4, 0.3);
    --error-text: #ff000a;
    --button-gradient: linear-gradient(-7deg, #98a300 0%, #c8d300 100%);
    --button-gradient-hover: linear-gradient(-7deg, #a8b300 0%, #d8e310 100%);
    --overlay-bg: rgba(0, 0, 0, 0.02);
    --overlay-bg-hover: rgba(0, 0, 0, 0.03);
    --overlay-border: rgba(0, 0, 0, 0.06);
    --overlay-border-hover: rgba(0, 0, 0, 0.12);
    --overlay-text: #000000;
    --overlay-text-secondary: rgba(0, 0, 0, 0.85);
    --overlay-text-muted: rgba(0, 0, 0, 0.65);
    --overlay-text-light: rgba(0, 0, 0, 0.8);
    --placeholder-color: rgba(0, 0, 0, 0.45);
    --tier-bg: #ddd;
    --menu-dropdown-bg: #ddd;
    /* Legacy variables for compatibility */
    --bg: #ffffff;
    --text: #000000;
    --text-label: #333333;
    --accent: #ff9a64;
    --surface: rgba(20, 0, 20, 0.07);
    --surface-flash: rgba(20, 0, 20, 0.17);
    --card-bg: rgba(0, 0, 0, 0.02);
    --card-bg-strong: rgba(20, 0, 20, 0.15);
    --card-bg-strong-hover: rgba(20, 0, 20, 0.2);
    --muted: rgba(0, 0, 0, 0.65);
    --muted-2: rgba(0, 0, 0, 0.8);
    --border: rgba(0, 0, 0, 0.12);
    --input-bg: rgba(255, 255, 255, 0.3);
    --input-border: rgba(0, 0, 0, 0.08);
    --btn-gradient: linear-gradient(-7deg, #a8b300 0%, #d8e310 100%);
    --brand-border: #c8d300;
    /* Catalog lifecycle */
    --deprecated-bg: #ffe5e5;
    --deprecated-text: #8b0000;
    --deprecated-border: #e2a8a8;
}