/* Callmenta Premium Monochrome Theme
   Palette:
     Gold text:  #fec615 #fed144 #fedd73 #ffe8a1 #fff4d0
     Earth:      #f9dd90 #f2cc87 #ebba7d #e3a974 #dc976a
     Bg:         #000000 #303030 #5c5c5c
     Warn:       green / red (native)
*/

:root {
    --premium-bg: #000000;
    --premium-bg-soft: #1a1a1a;
    --premium-surface: #303030;
    --premium-surface-2: #3a3a3a;
    --premium-border: rgba(255, 255, 255, 0.10);
    --premium-text: #fff4d0;
    --premium-muted: #ffe8a1;
    --premium-accent: #fec615;
    --premium-accent-soft: rgba(254, 198, 21, 0.22);

    --cm-gold-1: #fec615;
    --cm-gold-2: #fed144;
    --cm-gold-3: #fedd73;
    --cm-gold-4: #ffe8a1;
    --cm-gold-5: #fff4d0;

    --cm-earth-1: #f9dd90;
    --cm-earth-2: #f2cc87;
    --cm-earth-3: #ebba7d;
    --cm-earth-4: #e3a974;
    --cm-earth-5: #dc976a;

    --cm-graphite: #5c5c5c;
    --cm-graphite-soft: rgba(92, 92, 92, 0.55);
    --cm-graphite-border: rgba(92, 92, 92, 0.40);
}

html,
body {
    background: var(--premium-bg);
    color: var(--premium-text);
}

/* ── Glass Card ── graphite frosted glass ── */
.glass-card {
    background:
        linear-gradient(135deg,
            rgba(92, 92, 92, 0.42) 0%,
            rgba(48, 48, 48, 0.55) 100%) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    border-radius: 1rem;
}

/* ── Global dark premium backgrounds ── */
[class*="bg-slate-9"],
[class*="bg-slate-8"],
[class*="bg-gray-9"],
[class*="bg-gray-8"] {
    background-color: var(--premium-bg-soft) !important;
}

/* ── Accent normalization: old blue/purple/indigo → brand gold ── */
[class*="text-blue-"],
[class*="text-indigo-"],
[class*="text-purple-"],
[class*="text-cyan-"],
[class*="text-sky-"] {
    color: var(--premium-accent) !important;
}

[class*="border-blue-"],
[class*="border-indigo-"],
[class*="border-purple-"],
[class*="border-cyan-"],
[class*="border-sky-"] {
    border-color: var(--premium-accent-soft) !important;
}

[class*="ring-blue-"],
[class*="ring-indigo-"],
[class*="ring-purple-"],
[class*="focus:ring-blue-"],
[class*="focus:ring-indigo-"],
[class*="focus:ring-purple-"] {
    --tw-ring-color: var(--premium-accent-soft) !important;
}

[class*="bg-blue-"],
[class*="bg-indigo-"],
[class*="bg-purple-"] {
    background-color: var(--premium-surface) !important;
}

/* ── Tailwind gradient utility remap ── */
[class*="from-blue-"],
[class*="from-indigo-"],
[class*="from-purple-"],
[class*="from-cyan-"],
[class*="from-sky-"] {
    --tw-gradient-from: rgba(254, 198, 21, 0.25) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(254, 198, 21, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="via-blue-"],
[class*="via-indigo-"],
[class*="via-purple-"],
[class*="via-cyan-"],
[class*="via-sky-"] {
    --tw-gradient-stops: var(--tw-gradient-from), rgba(48, 48, 48, 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

[class*="to-blue-"],
[class*="to-indigo-"],
[class*="to-purple-"],
[class*="to-cyan-"],
[class*="to-sky-"] {
    --tw-gradient-to: rgba(30, 30, 30, 0.9) var(--tw-gradient-to-position) !important;
}

/* ── Text readability ── */
.text-slate-300,
.text-slate-400,
.text-gray-300,
.text-gray-400 {
    color: var(--cm-gold-4) !important;
}

.text-white {
    color: var(--premium-text) !important;
}

.text-slate-200 {
    color: var(--cm-gold-5) !important;
}

.text-slate-500,
.text-gray-500 {
    color: var(--cm-gold-3) !important;
}

/* ── Buttons / CTA defaults ── */
.btn-primary,
button[class*="bg-gradient"],
a[class*="bg-gradient"] {
    background-image: linear-gradient(135deg, var(--cm-gold-1), var(--cm-gold-2)) !important;
    color: #000000 !important;
    border-color: rgba(254, 198, 21, 0.45) !important;
}

.btn-secondary {
    background: linear-gradient(135deg, var(--premium-surface), var(--premium-surface-2)) !important;
    border: 1px solid var(--premium-border) !important;
}

/* ── Sidebar active/hover ── */
.sidebar-item:hover,
.sidebar-item.active,
.nav-link.active {
    background: linear-gradient(90deg, rgba(254, 198, 21, 0.14), rgba(92, 92, 92, 0.20)) !important;
    box-shadow: inset 0 0 0 1px rgba(254, 198, 21, 0.22) !important;
    color: var(--cm-gold-5) !important;
}

/* ── Inputs ── */
input,
select,
textarea {
    border-color: var(--cm-graphite-border) !important;
    background-color: rgba(0, 0, 0, 0.35) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(254, 198, 21, 0.45) !important;
    box-shadow: 0 0 0 1px rgba(254, 198, 21, 0.22) !important;
}

/* ── WARNING COLORS PRESERVED ── */
[class*="bg-red-"],
[class*="bg-rose-"],
[class*="text-red-"],
[class*="text-rose-"],
[class*="border-red-"],
[class*="border-rose-"] {
    /* red stays red - no override */
}

[class*="bg-green-"],
[class*="bg-emerald-"],
[class*="text-green-"],
[class*="text-emerald-"],
[class*="border-green-"],
[class*="border-emerald-"] {
    /* green stays green - no override */
}