@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700&family=Share+Tech+Mono&family=Rajdhani:wght@300;400;500;600;700&display=swap');

/* ===== ROOT — Deep Holler Organization =====
   Colors extracted directly from deepholler_logo.png
   =========================================== */
:root {
  /* ── BACKGROUNDS ─────────────────────────────────────── */
  --black:      #0E0E0F;   /* Matte Black — background, outer ring */
  --deep:       #1C1D20;   /* Graphite — metal panels, shadows */
  --surface:    #232428;   /* Charcoal — inner shadows, depth */
  --surface2:   #34373C;   /* Gunmetal — frame, structural elements */
  --iron:       #34373C;   /* Gunmetal — dividers */

  /* ── PRIMARY ACCENT — Warm Gold ─────────────────────── */
  --blood:      #C89B58;   /* Warm Gold — sunset lighting, horizon */
  --blood2:     #C89B58;   /* Warm Gold — highlights */
  --ember:      #B84A32;   /* Burnt Ember — sunset glow, warm reflections */
  --glow:       rgba(200,155,88,.2);
  --muted:      rgba(200,155,88,.1);

  /* ── RED ACCENT — Crimson ───────────────────────────── */
  --red:        #8F1B1B;   /* Crimson Red — accent lines, ORGANIZATION, star */
  --red2:       #b02222;   /* Crimson brighter — hover */
  --server:     #B84A32;   /* Burnt Ember — server heat */

  /* ── CHROME / SILVER — DH monogram ──────────────────── */
  --steel:      #B8B8B2;   /* Steel Silver — DH monogram, main lettering */
  --chrome:     #D2D0CB;   /* Brushed Aluminum — highlights on metallic text */

  /* ── RURAL TONES ─────────────────────────────────────── */
  --rust:       #5A3B2A;   /* Rust Brown — barn, dirt road, rural scenery */

  /* ── TEXT — readable scale ──────────────────────────── */
  --bone:       #D2D0CB;   /* Brushed Aluminum — primary text */
  --bone2:      #A8A6A0;   /* Muted silver — secondary text */
  --ash:        #7E7C77;   /* Light grey — tertiary, still readable */
  --smoke:      #5C5A56;   /* Dim but visible */
  --text:       #D2D0CB;
  --textdim:    #A8A6A0;

  /* ── GOLD ────────────────────────────────────────────── */
  --gold:       #B84A32;   /* Burnt Ember */
  --gold2:      #C89B58;   /* Warm Gold */

  /* ── BORDERS ─────────────────────────────────────────── */
  --border:     rgba(200,155,88,.15);
  --border2:    rgba(200,155,88,.30);
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; height:100%; }
body { font-family:'Rajdhani',sans-serif; background:var(--black); color:var(--text); overflow-x:hidden; }
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--deep); }
::-webkit-scrollbar-thumb { background:var(--blood); border-radius:3px; }
::selection { background:var(--blood2); color:#000; }

/* ===== LAYOUT HELPERS ===== */
.container { max-width:1100px; margin:0 auto; padding:0 24px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.grid-auto { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.flex { display:flex; } .flex-center { display:flex; align-items:center; }
.flex-between { display:flex; align-items:center; justify-content:space-between; }
.gap-8{gap:8px;} .gap-12{gap:12px;} .gap-16{gap:16px;} .gap-20{gap:20px;} .gap-24{gap:24px;}
.mb-8{margin-bottom:8px;} .mb-12{margin-bottom:12px;} .mb-16{margin-bottom:16px;} .mb-20{margin-bottom:20px;}
.mb-24{margin-bottom:24px;} .mb-32{margin-bottom:32px;} .mb-40{margin-bottom:40px;} .mb-48{margin-bottom:48px;}
.p-16{padding:16px;} .p-24{padding:24px;} .p-32{padding:32px;}
.text-center { text-align:center; }
.hidden { display:none !important; }
.w-full { width:100%; }
@media (max-width: 640px) { .grid-2,.grid-3,.grid-4 { grid-template-columns: 1fr; } }

/* ===== TYPOGRAPHY ===== */
.font-display { font-family:'Bebas Neue',sans-serif; letter-spacing:3px; }
.font-heading  { font-family:'Oswald',sans-serif; font-weight:700; }
.font-tech     { font-family:'Share Tech Mono',monospace; }
.font-label    { font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:2px; }
.text-blood  { color:var(--blood2); }
.text-bone   { color:var(--bone); }
.text-dim    { color:var(--textdim); }
.text-gold   { color:var(--gold2); }
.text-steel  { color:var(--steel); }
.text-chrome { color:var(--chrome); }
.text-red    { color:var(--red); }
.glow-gold   { text-shadow:0 0 20px rgba(201,132,60,.7),0 0 40px rgba(201,132,60,.3); }
.glow-red    { text-shadow:0 0 16px rgba(204,17,17,.7),0 0 32px rgba(204,17,17,.3); }

/* ===== BUTTONS ===== */
.btn {
  display:inline-block; cursor:pointer; border:none;
  text-transform:uppercase; letter-spacing:2px;
  font-family:'Oswald',sans-serif; font-weight:700;
  transition:all .3s; text-decoration:none; position:relative; z-index:1;
}
.btn-blood { background:linear-gradient(135deg,var(--blood),var(--ember)); color:var(--bone); border:1px solid var(--blood2); padding:12px 28px; font-size:13px; }
.btn-blood:hover { background:linear-gradient(135deg,var(--blood2),var(--blood)); box-shadow:0 0 20px rgba(201,132,60,.4); transform:translateY(-1px); }
.btn-ghost { background:transparent; color:var(--bone2); border:1px solid var(--border2); padding:12px 28px; font-size:13px; }
.btn-ghost:hover { border-color:var(--blood2); color:var(--blood2); }
.btn-sm { padding:7px 16px !important; font-size:11px !important; }
.btn-danger { background:rgba(204,17,17,.15); color:var(--red); border:1px solid rgba(204,17,17,.3); padding:7px 14px; font-size:11px; font-family:'Oswald',sans-serif; letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:all .2s; }
.btn-danger:hover { background:rgba(204,17,17,.25); border-color:var(--red); }
.btn-success { background:rgba(0,150,60,.15); color:#00cc44; border:1px solid rgba(0,150,60,.3); padding:7px 14px; font-size:11px; font-family:'Oswald',sans-serif; letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:all .2s; }
.btn-success:hover { background:rgba(0,200,60,.25); }

/* ===== CARDS ===== */
.card { background:var(--deep); border:1px solid var(--border); border-radius:2px; position:relative; overflow:hidden; }
.card::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--blood),var(--blood2),var(--blood),transparent); }

/* ===== BADGES ===== */
.badge { display:inline-flex; align-items:center; gap:4px; padding:3px 10px; border-radius:1px; font-family:'Barlow Condensed',sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-weight:700; }
.badge-founder { background:linear-gradient(135deg,#3a2800,#5c3a00); border:1px solid var(--gold2); color:var(--gold2); }
.badge-admin   { background:linear-gradient(135deg,#2a0a0a,#3a1010); border:1px solid var(--red); color:var(--red); }
.badge-veteran { background:linear-gradient(135deg,#1a1a1a,#2a2a2a); border:1px solid var(--steel); color:var(--chrome); }
.badge-member  { background:linear-gradient(135deg,var(--surface),var(--surface2)); border:1px solid var(--border); color:var(--bone2); }
.badge-recruit { background:var(--deep); border:1px solid var(--smoke); color:var(--ash); }
.badge-banned  { background:#1a0000; border:1px solid #660000; color:#660000; }

/* ===== FORMS ===== */
input, select, textarea {
  position:relative; z-index:100;
  background:var(--surface2); border:1px solid var(--border);
  color:var(--text); padding:10px 14px;
  font-family:'Rajdhani',sans-serif; font-size:15px;
  outline:none; transition:border-color .2s;
  width:100%; border-radius:1px;
  -webkit-user-select:text; user-select:text;
  pointer-events:all !important; cursor:text; display:block;
}
select { cursor:pointer; }
input:focus, select:focus, textarea:focus { border-color:var(--blood2); box-shadow:0 0 0 2px rgba(201,132,60,.15); outline:none; z-index:101; }
input::placeholder, textarea::placeholder { color:var(--ash); }
label { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--bone2); display:block; margin-bottom:6px; font-weight:600; }
.form-group { margin-bottom:18px; position:relative; z-index:100; }

/* ===== TABLES ===== */
table { width:100%; border-collapse:collapse; }
th { font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--bone2); padding:12px 16px; text-align:left; border-bottom:1px solid var(--border); background:var(--deep); font-weight:700; }
td { padding:14px 16px; border-bottom:1px solid var(--border); font-size:15px; vertical-align:middle; }
tr:hover td { background:rgba(201,132,60,.04); }

/* ===== MISC / SECTION HEADERS ===== */
.divider { height:1px; background:linear-gradient(90deg,transparent,var(--blood),var(--blood2),var(--blood),transparent); margin:40px 0; }
.section-header { text-align:center; margin-bottom:40px; }
.section-eyebrow { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:4px; color:var(--blood2); text-transform:uppercase; margin-bottom:12px; }
.section-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(20px,3vw,36px); color:var(--chrome); letter-spacing:4px; text-transform:uppercase; display:inline-block; }
.section-title::after { content:''; display:block; height:1px; background:linear-gradient(90deg,transparent,var(--blood),var(--blood2),transparent); margin-top:6px; }
.section-sub { font-family:'Rajdhani',sans-serif; font-size:15px; color:var(--ash); margin-top:10px; line-height:1.7; }
.stat-block { background:var(--surface); border:1px solid var(--border); padding:20px 24px; position:relative; overflow:hidden; }
.stat-block::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--blood2),transparent); }

/* ===== NOTIFICATIONS ===== */
.notification {
  position: fixed !important; bottom: 80px !important; left: 24px !important;
  right: auto !important; top: auto !important; width: auto !important;
  max-width: 320px !important; z-index: 9999 !important;
  padding: 12px 20px !important; border: 1px solid !important;
  font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important;
  letter-spacing: 2px !important; background: rgba(10,10,8,.97) !important;
  backdrop-filter: blur(8px) !important; border-radius: 2px !important;
  pointer-events: none !important; animation: notifIn .3s ease !important;
  height: auto !important; display: block !important;
}

/* ===== TOGGLES ===== */
.toggle { width:44px; height:24px; border-radius:12px; background:#2a2218; cursor:pointer; position:relative; transition:background .3s; border:1px solid rgba(255,255,255,.1); flex-shrink:0; }
.toggle.on { background:var(--blood2); } .toggle.on-blood { background:var(--blood); }
.toggle-knob { width:18px; height:18px; border-radius:50%; background:#fff; position:absolute; top:2px; left:2px; transition:left .3s; box-shadow:0 2px 4px rgba(0,0,0,.3); pointer-events:none; }
.toggle.on .toggle-knob,.toggle.on-blood .toggle-knob { left:22px; }

/* ===== STATUS DOTS ===== */
.status-dot { border-radius:50%; border:2px solid rgba(0,0,0,.5); flex-shrink:0; display:inline-block; }
.status-online  { background:#00cc44; box-shadow:0 0 8px #00cc44; }
.status-away    { background:#cc8800; box-shadow:0 0 8px #cc8800; }
.status-offline { background:#333; }

/* ===== KEYFRAMES ===== */
@keyframes logoGlow { 0%,100%{box-shadow:0 0 20px rgba(201,132,60,.3),0 0 40px rgba(201,132,60,.15);}50%{box-shadow:0 0 40px rgba(201,132,60,.5),0 0 80px rgba(201,132,60,.25);} }
@keyframes titleReveal { from{opacity:0;transform:translateY(20px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);} }
@keyframes fadeInUp { from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);} }
@keyframes notifIn { from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);} }
@keyframes spin { to{transform:rotate(360deg);} }
@keyframes fadeIn { from{opacity:0;}to{opacity:1;} }
@keyframes slideUp { from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);} }
@keyframes notifPulse { 0%,100%{opacity:.4;} 50%{opacity:1;} }

/* ===== READABILITY FIXES ===== */
[style*="color:#2a2a2a"],[style*="color: #2a2a2a"] { color: #7a6a50 !important; }
[style*="color:#333"],[style*="color: #333"] { color: #8a7a60 !important; }
[style*="color:#444"],[style*="color: #444"] { color: #9a8a70 !important; }
[style*="color:#555"],[style*="color: #555"] { color: #a08868 !important; }

/* ===== FEED BUTTONS ===== */
.feed-react-btn,.feed-reply-btn,.feed-bookmark-btn,.feed-delete-btn { color: #8a7a60 !important; background: none !important; }
.feed-react-btn:hover,.feed-reply-btn:hover,.feed-bookmark-btn:hover { color: var(--bone2) !important; }
.feed-delete-btn:hover { color: var(--blood2) !important; }
.nav-section-label { color: #8a7a60 !important; }
.channel-msg-date { color: #8a7a60 !important; }

/* ============================================================
   AVATAR ANIMATIONS — Deep Holler Cosmetic System
   ============================================================ */
.av-anim-wrap { position:relative; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; overflow:visible; isolation:isolate; }
.av-anim-wrap::before,.av-anim-wrap::after { pointer-events:none; }
.av-anim-wrap img,.av-anim-wrap .av-initials { position:relative; z-index:1; border-radius:50%; display:block; flex-shrink:0; }

@keyframes bloodSmokeRing { 0%,100%{transform:scale(1);opacity:.7;}50%{transform:scale(1.15);opacity:.3;} }
@keyframes bloodSmokeDrift { 0%,100%{transform:translateY(0) scaleX(1);opacity:.5;}50%{transform:translateY(-4px) scaleX(1.1);opacity:.2;} }
.av-anim-blood-smoke::before { content:'';position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,0,.6) 0%,rgba(60,0,0,.2) 60%,transparent 100%);animation:bloodSmokeRing 2.5s ease-in-out infinite;z-index:0; }
.av-anim-blood-smoke::after { content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,transparent 40%,rgba(100,0,0,.15) 70%,transparent 100%);animation:bloodSmokeDrift 3s ease-in-out infinite;z-index:0; }

@keyframes emberSpin { from{transform:rotate(0deg);}to{transform:rotate(360deg);} }
@keyframes emberPulse { 0%,100%{opacity:.8;}50%{opacity:.4;} }
.av-anim-ember-ring::before { content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(#c9a84c 0deg,#cc4400 60deg,transparent 120deg,#c9a84c 180deg,#cc4400 240deg,transparent 300deg,#c9a84c 360deg);animation:emberSpin 3s linear infinite;z-index:0;mask:radial-gradient(circle,transparent 48%,black 52%);-webkit-mask:radial-gradient(circle,transparent 48%,black 52%); }
.av-anim-ember-ring::after { content:'';position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.15) 0%,transparent 70%);animation:emberPulse 2s ease-in-out infinite;z-index:0; }

@keyframes deathPulse { 0%{transform:scale(1);opacity:.8;box-shadow:0 0 0 0 rgba(201,132,60,.6);}70%{transform:scale(1.05);opacity:.3;box-shadow:0 0 0 10px rgba(201,132,60,0);}100%{transform:scale(1);opacity:.8;box-shadow:0 0 0 0 rgba(201,132,60,0);} }
.av-anim-death-pulse { animation:deathPulse 2s ease-out infinite; border-radius:50%; }
.av-anim-death-pulse::before { content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(201,132,60,.5);animation:deathPulse 2s ease-out infinite .5s;z-index:0; }

@keyframes thornGlow { 0%,100%{opacity:.7;}50%{opacity:1;} }
@keyframes thornSpin { from{transform:rotate(0deg);}to{transform:rotate(-360deg);} }
.av-anim-plague-ring::before { content:'';position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle at 50% 0%,#00a040 0%,transparent 60%),radial-gradient(circle at 100% 50%,#00a040 0%,transparent 60%),radial-gradient(circle at 50% 100%,#00a040 0%,transparent 60%),radial-gradient(circle at 0% 50%,#00a040 0%,transparent 60%);animation:thornSpin 6s linear infinite,thornGlow 2s ease-in-out infinite;z-index:0;mask:radial-gradient(circle,transparent 50%,black 54%,black 60%,transparent 64%);-webkit-mask:radial-gradient(circle,transparent 50%,black 54%,black 60%,transparent 64%);filter:drop-shadow(0 0 4px rgba(0,180,60,.8)); }

@keyframes voidRipple { 0%{transform:scale(1);opacity:.6;}100%{transform:scale(1.5);opacity:0;} }
.av-anim-void-ripple::before { content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(74,144,217,.7);animation:voidRipple 1.8s ease-out infinite;z-index:0; }
.av-anim-void-ripple::after { content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(74,144,217,.5);animation:voidRipple 1.8s ease-out infinite .9s;z-index:0; }

@keyframes reaperGlow { 0%,100%{box-shadow:0 0 8px rgba(220,38,38,.4),0 0 20px rgba(139,0,0,.2);border-color:rgba(220,38,38,.6);}50%{box-shadow:0 0 20px rgba(220,38,38,.8),0 0 40px rgba(139,0,0,.4);border-color:#dc2626;} }
@keyframes reaperFlicker { 0%,92%,96%,100%{opacity:1;}94%{opacity:.85;} }
.av-anim-reaper-glow { border:2px solid rgba(220,38,38,.6);animation:reaperGlow 3s ease-in-out infinite,reaperFlicker 8s step-end infinite;border-radius:50%; }

/* ============================================================
   USERNAME ANIMATIONS
   ============================================================ */
@keyframes bloodDrip { 0%,100%{text-shadow:0 0 8px rgba(139,0,0,.6);color:#e05555;}50%{text-shadow:0 0 16px rgba(200,0,0,.9);color:#ff4444;} }
.un-fx-blood-drip { animation:bloodDrip 2s ease-in-out infinite; }

@keyframes emberText { 0%,100%{text-shadow:0 0 8px rgba(201,168,76,.6);color:#c9a84c;}50%{text-shadow:0 0 20px rgba(220,120,20,.9);color:#e8a020;} }
.un-fx-ember-text { animation:emberText 2.5s ease-in-out infinite; }

@keyframes crimsonPulse { 0%,100%{color:#d4c9a8;text-shadow:none;}50%{color:#cc2222;text-shadow:0 0 12px rgba(200,0,0,.7);} }
.un-fx-crimson-pulse { animation:crimsonPulse 3s ease-in-out infinite; }

@keyframes shadowShift { 0%,100%{color:#c4c4c4;text-shadow:-2px 0 6px rgba(201,132,60,.4);}50%{color:#8a8a8a;text-shadow:2px 0 12px rgba(201,132,60,.8);} }
.un-fx-shadow-shift { animation:shadowShift 3.5s ease-in-out infinite; }

@keyframes glitch { 0%,100%{transform:translate(0);filter:none;}2%{transform:translate(-2px,0);filter:hue-rotate(90deg);}4%{transform:translate(2px,0);}6%{transform:translate(0);filter:none;}96%{transform:translate(2px,1px);filter:hue-rotate(-90deg);}98%{transform:translate(-2px,-1px);} }
.un-fx-glitch { animation:glitch 4s step-end infinite; display:inline-block; }

@keyframes goldShimmer { 0%{background-position:-200% center;}100%{background-position:200% center;} }
.un-fx-gold-shimmer { background:linear-gradient(90deg,#8b6914 0%,#c9a84c 30%,#f5d78e 50%,#c9a84c 70%,#8b6914 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 3s linear infinite; }

/* ============================================================
   GLOBAL DEEP HOLLER OVERRIDES
   Catches hardcoded colors in page JS files that haven't been
   individually rewritten yet (Livewire, Academy, Shop, Dynasty,
   Divisions). Purple → Warm Gold. Dark greys → readable.
   ============================================================ */

/* ── PURPLE → WARM GOLD ─────────────────────────────────── */
[style*="#a855f7"], [style*="#A855F7"] { color: #C89B58 !important; }
[style*="#6b21a8"], [style*="#6B21A8"] { color: #C89B58 !important; }
[style*="#9333ea"], [style*="#9333EA"] { color: #C89B58 !important; }
[style*="#c4c8d0"], [style*="#C4C8D0"] { color: #D2D0CB !important; }

[style*="color:#a855f7"], [style*="color: #a855f7"] { color: #C89B58 !important; }
[style*="color:#6b21a8"], [style*="color: #6b21a8"] { color: #C89B58 !important; }
[style*="color:#c4c8d0"], [style*="color: #c4c8d0"] { color: #D2D0CB !important; }
[style*="color:#ffffff"], [style*="color: #ffffff"] { color: #D2D0CB !important; }
[style*="color:#fff"],    [style*="color: #fff"]    { color: #D2D0CB !important; }

/* ── DARK GREY TEXT → READABLE ──────────────────────────── */
[style*="color:#1a1a1a"], [style*="color: #1a1a1a"] { color: #7E7C77 !important; }
[style*="color:#222"],    [style*="color: #222"]    { color: #7E7C77 !important; }
[style*="color:#2a2a2a"], [style*="color: #2a2a2a"] { color: #7E7C77 !important; }
[style*="color:#333"],    [style*="color: #333"]    { color: #8A8884 !important; }
[style*="color:#444"],    [style*="color: #444"]    { color: #96948F !important; }
[style*="color:#555"],    [style*="color: #555"]    { color: #A8A6A0 !important; }
[style*="color:#666"],    [style*="color: #666"]    { color: #A8A6A0 !important; }
[style*="color:#777"],    [style*="color: #777"]    { color: #B8B8B2 !important; }
[style*="color:#94a3b8"], [style*="color: #94a3b8"] { color: #A8A6A0 !important; }
[style*="color:#8c9099"], [style*="color: #8c9099"] { color: #B8B8B2 !important; }
[style*="color:#4b5563"], [style*="color: #4b5563"] { color: #8A8884 !important; }
[style*="color:#d4c9a8"], [style*="color: #d4c9a8"] { color: #D2D0CB !important; }
[style*="color:#8a7d5e"], [style*="color: #8a7d5e"] { color: #B8B8B2 !important; }

/* ── OLD REAPER RED → CRIMSON ───────────────────────────── */
[style*="color:#cc0000"], [style*="color: #cc0000"] { color: #B84A32 !important; }
[style*="color:#8b0000"], [style*="color: #8b0000"] { color: #8F1B1B !important; }
[style*="color:#dc2626"], [style*="color: #dc2626"] { color: #8F1B1B !important; }

/* ── FONT SWAPS — kill Cinzel/Orbitron everywhere ───────── */
[style*="Cinzel Decorative"] { font-family: 'Bebas Neue', sans-serif !important; letter-spacing: 3px !important; }
[style*="'Cinzel'"], [style*="Cinzel,"] { font-family: 'Oswald', sans-serif !important; }
[style*="Orbitron"] { font-family: 'Share Tech Mono', monospace !important; }

/* ── DARK BACKGROUNDS → DEEP HOLLER SURFACES ────────────── */
[style*="background:#080808"], [style*="background: #080808"] { background: #1C1D20 !important; }
[style*="background:#0a0a0a"], [style*="background: #0a0a0a"] { background: #1C1D20 !important; }
[style*="background:#050505"], [style*="background: #050505"] { background: #0E0E0F !important; }
[style*="background:#020202"], [style*="background: #020202"] { background: #0E0E0F !important; }
[style*="background:#111"],    [style*="background: #111"]    { background: #232428 !important; }
[style*="background:#1a1a1a"], [style*="background: #1a1a1a"] { background: #232428 !important; }

/* ============================================================
   RGBA PURPLE KILLER
   Page JS files use rgba(107,33,168,x) and rgba(168,85,247,x)
   in borders, backgrounds, and shadows. Attribute selectors
   can't see individual properties — so we test the style attr
   for BOTH the property name AND the rgba value.
   ============================================================ */

/* ── BORDERS ─────────────────────────────────────────────── */
[style*="border"][style*="rgba(168,85,247"],
[style*="border"][style*="rgba(107,33,168"],
[style*="border"][style*="rgba(147,51,234"] {
  border-color: rgba(200,155,88,.2) !important;
}

/* ── BACKGROUNDS ─────────────────────────────────────────── */
[style*="background"][style*="rgba(168,85,247"],
[style*="background"][style*="rgba(107,33,168"],
[style*="background"][style*="rgba(147,51,234"] {
  background-color: rgba(200,155,88,.08) !important;
}

/* ── SHADOWS ─────────────────────────────────────────────── */
[style*="box-shadow"][style*="rgba(168,85,247"],
[style*="box-shadow"][style*="rgba(107,33,168"] {
  box-shadow: 0 0 16px rgba(200,155,88,.3) !important;
}
[style*="text-shadow"][style*="rgba(168,85,247"],
[style*="text-shadow"][style*="rgba(107,33,168"] {
  text-shadow: 0 0 12px rgba(200,155,88,.5) !important;
}

/* ── OLD REAPER RED RGBA → CRIMSON ───────────────────────── */
[style*="border"][style*="rgba(139,0,0"],
[style*="border"][style*="rgba(204,0,0"],
[style*="border"][style*="rgba(220,38,38"] {
  border-color: rgba(143,27,27,.35) !important;
}
[style*="background"][style*="rgba(139,0,0"],
[style*="background"][style*="rgba(220,38,38"] {
  background-color: rgba(143,27,27,.12) !important;
}

/* ── GRADIENTS with purple → gold gradient ───────────────── */
[style*="linear-gradient"][style*="#6b21a8"],
[style*="linear-gradient"][style*="#a855f7"],
[style*="linear-gradient"][style*="#9333ea"] {
  background: linear-gradient(135deg, #5A3B2A, #C89B58) !important;
}

/* ── SOLID PURPLE HEX BACKGROUNDS ────────────────────────── */
[style*="background:#6b21a8"], [style*="background: #6b21a8"],
[style*="background:#a855f7"], [style*="background: #a855f7"],
[style*="background:#9333ea"], [style*="background: #9333ea"] {
  background: #C89B58 !important;
}

/* ── BORDER-LEFT / BORDER-BOTTOM accents ─────────────────── */
[style*="border-left"][style*="#a855f7"],
[style*="border-left"][style*="#6b21a8"],
[style*="border-bottom"][style*="#a855f7"],
[style*="border-bottom"][style*="#6b21a8"],
[style*="border-top"][style*="#a855f7"],
[style*="border-top"][style*="#6b21a8"] {
  border-color: #C89B58 !important;
}