:root {
    --apex-bg: #050505;
    --apex-surface: #0a0a0c;
    --apex-surface-2: #111216;
    --apex-surface-3: #17181d;
    --apex-line: #2b2b31;
    --apex-text: #f8fafc;
    --apex-muted: #9ba0aa;
    --apex-orange: #ff6a00;
    --apex-pink: #ee0979;
    --apex-cyan: #00ccff;
    --apex-yellow: #ffcc00;
    --apex-danger: #ff335f;
    --apex-success: #21d98b;
    --apex: var(--apex-orange);
    --apex-2: var(--apex-pink);
    --fed-primary: var(--apex-orange);
    --fed-secondary: var(--apex-pink);

    /* Compatibilidade visual com as páginas já existentes. */
    --bg: var(--apex-bg);
    --panel: var(--apex-surface);
    --panel-2: var(--apex-surface-2);
    --panel2: var(--apex-surface-2);
    --line: var(--apex-line);
    --text: var(--apex-text);
    --muted: var(--apex-muted);
    --green: var(--apex-orange);
    --green-dark: #c84f00;
    --cyan: var(--apex-pink);
    --danger: var(--apex-danger);
    --warning: var(--apex-yellow);
}

body:not(.tenant-clubops) {
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 106, 0, .13), transparent 30rem),
        radial-gradient(circle at 90% 5%, rgba(238, 9, 121, .11), transparent 32rem),
        var(--apex-bg) !important;
    color: var(--apex-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body:not(.tenant-clubops) :is(h1, h2, h3, h4, h5, h6, .font-cyber, .font-display) {
    font-family: Rajdhani, Inter, system-ui, sans-serif !important;
}

body:not(.tenant-clubops) ::selection {
    background: rgba(238, 9, 121, .72);
    color: #fff;
}

body:not(.tenant-clubops) :is(.panel, .glass-card, .card, .stat, .metric-card) {
    border-color: var(--apex-line);
}

body:not(.tenant-clubops) :is(input, select, textarea) {
    accent-color: var(--apex-orange);
}

body:not(.tenant-clubops) :is(input, select, textarea):focus {
    border-color: var(--apex-orange) !important;
    outline: 2px solid rgba(255, 106, 0, .15) !important;
    outline-offset: 1px;
}

body:not(.tenant-clubops) :is(.btn-primary, .button.primary, .primary-button, button.primary, .tab.active) {
    border-color: var(--apex-orange) !important;
    background: linear-gradient(135deg, var(--apex-orange), var(--apex-pink)) !important;
    color: #fff !important;
}

body:not(.tenant-clubops) :is(.brand-mark, .mark) {
    background: linear-gradient(135deg, var(--apex-orange), var(--apex-pink));
    color: #fff;
}

/* Reinterpreta os antigos acentos verde/azul como a assinatura laranja/rosa. */
body:not(.tenant-clubops) [class*="text-emerald-"],
body:not(.tenant-clubops) [class*="text-green-"] {
    color: #ff8d3d !important;
}

body:not(.tenant-clubops) [class*="text-cyan-"],
body:not(.tenant-clubops) [class*="text-sky-"] {
    color: #ff5cac !important;
}

body:not(.tenant-clubops) [class*="border-emerald-"] {
    border-color: rgba(255, 106, 0, .55) !important;
}

body:not(.tenant-clubops) [class*="border-cyan-"],
body:not(.tenant-clubops) [class*="border-sky-"] {
    border-color: rgba(238, 9, 121, .52) !important;
}

body:not(.tenant-clubops) :is(.bg-emerald-500, .bg-emerald-600, .bg-emerald-700) {
    background-color: var(--apex-orange) !important;
}

body:not(.tenant-clubops) :is(.bg-cyan-500, .bg-cyan-600, .bg-cyan-700, .bg-sky-500, .bg-sky-600, .bg-sky-700) {
    background-color: var(--apex-pink) !important;
}

body:not(.tenant-clubops) [class~="bg-emerald-500/10"],
body:not(.tenant-clubops) [class~="bg-emerald-500/20"],
body:not(.tenant-clubops) [class~="bg-emerald-500/30"],
body:not(.tenant-clubops) [class~="bg-emerald-600/20"],
body:not(.tenant-clubops) [class~="bg-emerald-600/40"] {
    background-color: rgba(255, 106, 0, .16) !important;
}

body:not(.tenant-clubops) [class~="bg-cyan-500/5"],
body:not(.tenant-clubops) [class~="bg-cyan-500/10"],
body:not(.tenant-clubops) [class~="bg-sky-500/20"] {
    background-color: rgba(238, 9, 121, .14) !important;
}

body:not(.tenant-clubops) [class*="from-emerald-"] {
    --tw-gradient-from: var(--apex-orange) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(255, 106, 0, 0) var(--tw-gradient-to-position) !important;
}

body:not(.tenant-clubops) [class*="to-sky-"],
body:not(.tenant-clubops) [class*="to-cyan-"],
body:not(.tenant-clubops) [class*="to-teal-"] {
    --tw-gradient-to: var(--apex-pink) var(--tw-gradient-to-position) !important;
}

body:not(.tenant-clubops) a:focus-visible,
body:not(.tenant-clubops) button:focus-visible {
    outline: 2px solid var(--apex-orange);
    outline-offset: 3px;
}

body:not(.tenant-clubops)::-webkit-scrollbar,
body:not(.tenant-clubops) *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body:not(.tenant-clubops)::-webkit-scrollbar-track,
body:not(.tenant-clubops) *::-webkit-scrollbar-track {
    background: #08080a;
}

body:not(.tenant-clubops)::-webkit-scrollbar-thumb,
body:not(.tenant-clubops) *::-webkit-scrollbar-thumb {
    border: 2px solid #08080a;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--apex-orange), var(--apex-pink));
}

@media (max-width: 720px) {
    body:not(.tenant-clubops) {
        background:
            radial-gradient(circle at 0 0, rgba(255, 106, 0, .11), transparent 22rem),
            var(--apex-bg) !important;
    }
}