/*
|--------------------------------------------------------------------------
| OBSIDIAN Controller Palette v66
|--------------------------------------------------------------------------
| Nur Designfarben, kein Inhalt, kein Layout.
| Controller-Look: Schwarz, Creme/Weiß, Gold, dezentes Lila.
*/

:root {
    --obs-red: #b8954f !important;
    --obs-red-dark: #6f4a92 !important;

    --obs-gold: #b8954f !important;
    --obs-gold-soft: rgba(184, 149, 79, .22) !important;
    --obs-gold-line: rgba(184, 149, 79, .62) !important;

    --obs-purple: #7b4fa0 !important;
    --obs-purple-soft: rgba(123, 79, 160, .18) !important;
    --obs-purple-line: rgba(123, 79, 160, .46) !important;

    --obs-cream: #f2eadb !important;
    --obs-white: #f2eadb !important;
    --obs-bg: #050507 !important;
    --obs-card: rgba(11, 11, 14, .92) !important;
    --obs-line: rgba(184, 149, 79, .34) !important;
    --obs-glow: 0 0 42px rgba(184, 149, 79, .22) !important;
}

/* Harte rote Backgrounds und Borders farblich abfangen */
[style*="#b8954f"],
[style*="#6f4a92"],
[style*="184, 149, 79"],
[style*="184,149,79"],
[style*="111, 74, 146"],
[style*="111,74,146"] {
    border-color: var(--obs-gold-line) !important;
}

/* Texte, vorher rot */
.nav a.active,
.nav a:hover,
.obsidian-nav a.active,
.obsidian-nav a:hover,
.breadcrumb span:first-child,
.role-badge,
.tag-name,
.obsidian-kicker,
.obsidian-card h3,
.obs-app-card small,
.obs-app-pill b,
.section-title span,
h1 span,
h2 span,
a:hover,
.socials a:hover,
.obsidian-footer-col a:hover,
.fi-sidebar-item-active a,
.fi-sidebar-item a:hover,
.fi-sidebar-item-active svg,
.fi-sidebar-item a:hover svg {
    color: var(--obs-gold) !important;
}

/* Linien, Marker, Unterstriche */
.nav a.active::after,
.nav a:hover::after,
.obsidian-nav a.active::after,
.obsidian-nav a:hover::after,
.section-title::after,
.dot {
    background: linear-gradient(90deg, var(--obs-purple), var(--obs-gold)) !important;
    box-shadow: 0 0 28px rgba(184,149,79,.28) !important;
}

/* Buttons */
.apply-btn,
.obsidian-apply-btn,
.back-btn,
.fi-btn-color-primary,
.fi-btn-color-danger {
    color: var(--obs-cream) !important;
    border-color: var(--obs-gold-line) !important;
    background:
        linear-gradient(135deg, rgba(184,149,79,.18), rgba(123,79,160,.14)) !important;
    box-shadow: 0 0 26px rgba(184,149,79,.12) !important;
}

.apply-btn:hover,
.obsidian-apply-btn:hover,
.back-btn:hover,
.fi-btn-color-primary:hover,
.fi-btn-color-danger:hover {
    color: #fff !important;
    border-color: rgba(184,149,79,.88) !important;
    background:
        linear-gradient(135deg, rgba(184,149,79,.26), rgba(123,79,160,.20)) !important;
    box-shadow: 0 0 34px rgba(184,149,79,.20) !important;
}

/* Karten und Panels bleiben dunkel, aber Rot wird Gold/Lila */
.hero,
.obsidian-hero,
.team-hero,
.game-head,
.player-face,
.team-card,
.application-card,
.obs-app-card,
.fi-section,
.fi-ta-ctn,
.fi-modal-window {
    border-color: rgba(184,149,79,.28) !important;
}

.team-card:hover,
.application-card:hover,
.obs-app-card:hover,
.obs-app-card.active,
.game-tab.active,
.game-tab:hover {
    border-color: var(--obs-gold-line) !important;
}

/* Rote Flächen in Richtung Controller-Palette schieben */
.game-head,
.hero,
.obsidian-hero {
    background:
        radial-gradient(circle at 18% 0%, rgba(184,149,79,.13), transparent 34%),
        radial-gradient(circle at 82% 14%, rgba(123,79,160,.13), transparent 36%),
        linear-gradient(135deg, rgba(184,149,79,.08), rgba(0,0,0,.76)) !important;
}

/* Seitenleisten, Kanji, rote Randbereiche */
.obsidian-kanji-frame,
[class*="kanji"],
[class*="side"],
[class*="frame"] {
    border-color: rgba(184,149,79,.30) !important;
}

/* Falls die alten roten Seitenleisten als background laufen */
body::before,
body::after,
.obsidian-kanji-frame::before,
.obsidian-kanji-frame::after,
[class*="kanji"]::before,
[class*="kanji"]::after,
[class*="side"]::before,
[class*="side"]::after {
    border-color: rgba(184,149,79,.35) !important;
}

/* Role / Badges */
.fi-badge,
.obsidian-badge,
.role-badge,
.obs-app-card span {
    color: var(--obs-gold) !important;
    border-color: rgba(184,149,79,.52) !important;
    background: rgba(0,0,0,.44) !important;
}

.corner {
    border-color: var(--obs-gold) !important;
}

/* Forms */
input:focus,
textarea:focus,
select:focus,
.fi-input-wrp:focus-within,
.fi-select-input:focus,
.fi-textarea:focus {
    border-color: rgba(184,149,79,.74) !important;
    box-shadow: 0 0 0 1px rgba(184,149,79,.24), 0 0 20px rgba(123,79,160,.14) !important;
}

/* Admin */
.fi-sidebar-item-active a,
.fi-sidebar-item a:hover {
    background: linear-gradient(90deg, rgba(184,149,79,.16), rgba(123,79,160,.14)) !important;
}

.fi-color-primary,
.fi-color-danger {
    --c-50: 242, 234, 219 !important;
    --c-100: 232, 218, 188 !important;
    --c-200: 214, 190, 131 !important;
    --c-300: 184, 149, 79 !important;
    --c-400: 150, 111, 48 !important;
    --c-500: 184, 149, 79 !important;
    --c-600: 123, 79, 160 !important;
    --c-700: 93, 58, 123 !important;
    --c-800: 54, 35, 75 !important;
    --c-900: 26, 18, 36 !important;
    --c-950: 8, 6, 12 !important;
}

/* Page transition / Loading Screen, nur Farbe */
#obsidian-page-transition,
.obsidian-page-transition,
[class*="transition"],
[class*="loading"] {
    border-color: rgba(184,149,79,.42) !important;
}

#obsidian-page-transition *,
.obsidian-page-transition *,
[class*="loading"] * {
    border-color: rgba(184,149,79,.42) !important;
}

/* SVG/Icon Rot wird optisch Gold, ohne Layout */
svg[stroke="#b8954f"],
svg [stroke="#b8954f"] {
    stroke: #b8954f !important;
}

svg[fill="#b8954f"],
svg [fill="#b8954f"] {
    fill: #b8954f !important;
}