:root{--bg-primary:#1a1614;--bg-secondary:#221d1a;--bg-card:#2c2521;--bg-hover:#362d28;--text-primary:#f0ebe6;--text-secondary:#b8a99e;--text-muted:#7a6b60;--border:hsla(26,32%,57%,.12);--accent:#d4925a;--accent-hover:#e0a36e;--danger:#c84030;--success:#2a9d5a;--kente-gold:#d4925a;--kente-red:#c87050;--kente-green:#7aa06a;--kente-blue:#6a8aa0;--kente-yellow:#d4b050;--glass-bg:#2c2521;--glass-border:hsla(26,32%,57%,.12);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--shadow-sm:4px 6px 0 rgba(10,8,6,.5);--shadow-md:8px 10px 0 rgba(10,8,6,.5);--shadow-lg:12px 14px 0 rgba(10,8,6,.5);--shadow-xl:16px 18px 0 rgba(10,8,6,.5)}.glass,.glass-strong{background:var(--bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.glass-strong:active,.glass:active{box-shadow:2px 3px 0 rgba(10,8,6,.5);transform:translateY(2px)}.card-glass,.card-glass-top-accent,.card-kente{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.card-glass-top-accent:hover,.card-glass:hover{background:var(--bg-hover);box-shadow:6px 8px 0 rgba(10,8,6,.5);transform:translateY(-3px)}.card-kente:before{opacity:.4}.card-accent{background:linear-gradient(135deg,var(--bg-card),transparent);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.card-accent:hover{box-shadow:6px 8px 0 rgba(10,8,6,.5);transform:translateY(-3px)}.card-accent-gold{background:linear-gradient(135deg,rgba(212,146,90,.15),var(--bg-card) 70%);border-color:rgba(212,146,90,.2)}.card-accent-gold:hover{background:linear-gradient(135deg,rgba(212,146,90,.22),var(--bg-hover) 70%);box-shadow:6px 8px 0 rgba(10,8,6,.5)}.card-accent-green{background:linear-gradient(135deg,rgba(42,157,90,.12),var(--bg-card) 70%);border-color:rgba(42,157,90,.18)}.card-accent-green:hover{background:linear-gradient(135deg,rgba(42,157,90,.18),var(--bg-hover) 70%)}.card-accent-blue:hover,.card-accent-green:hover,.card-accent-pink:hover,.card-accent-purple:hover,.card-accent-teal:hover{box-shadow:6px 8px 0 rgba(10,8,6,.5)}.card-accent-gradient{border-radius:var(--radius-md)}.card-gradient-spotlight{background:linear-gradient(135deg,rgba(212,146,90,.12),var(--bg-card) 80%);border-color:rgba(212,146,90,.15);box-shadow:var(--shadow-md)}.card-gradient-spotlight:hover{box-shadow:6px 8px 0 rgba(10,8,6,.5)}.bg-\[var\(--accent\)\]{background:var(--accent)!important;box-shadow:5px 6px 0 rgba(10,8,6,.5);border:none}.bg-\[var\(--accent\)\]:hover{box-shadow:3px 4px 0 rgba(10,8,6,.5);transform:translateY(-1px)}.bg-\[var\(--accent\)\]:active{box-shadow:1px 2px 0 rgba(10,8,6,.5);transform:translateY(2px)}input,select,textarea{background:var(--bg-card)!important;border:1px solid var(--glass-border)!important;box-shadow:inset 3px 4px 0 rgba(10,8,6,.3)}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:inset 3px 4px 0 rgba(10,8,6,.3),0 0 0 2px rgba(212,146,90,.15)}:focus-visible{outline:2px solid rgba(212,146,90,.4);outline-offset:3px}.neon-glow{box-shadow:0 0 15px rgba(212,146,90,.15),0 0 30px rgba(212,146,90,.05),var(--shadow-md)}.neon-glow-green{box-shadow:0 0 15px rgba(42,157,90,.15),0 0 30px rgba(42,157,90,.05),var(--shadow-md)}.neon-glow-purple{box-shadow:0 0 15px rgba(139,92,246,.15),0 0 30px rgba(139,92,246,.05),var(--shadow-md)}.neon-glow-blue{box-shadow:0 0 15px rgba(74,144,217,.15),0 0 30px rgba(74,144,217,.05),var(--shadow-md)}.neon-glow-pink{box-shadow:0 0 15px rgba(236,72,153,.15),0 0 30px rgba(236,72,153,.05),var(--shadow-md)}.neon-gold{box-shadow:0 0 20px rgba(212,146,90,.2),0 0 40px rgba(212,146,90,.08),var(--shadow-md)}.neon-border{box-shadow:0 0 0 1px rgba(212,146,90,.3),0 0 15px rgba(212,146,90,.1),var(--shadow-md)}.btn-gold-glow:hover{box-shadow:0 0 20px rgba(212,146,90,.3),var(--shadow-sm)}.nav-sidebar-link:hover{background:hsla(26,32%,57%,.06)}.nav-sidebar-link.active{background:rgba(212,146,90,.12)}.bento-card{background:var(--bg-card);backdrop-filter:none;border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.bento-card:hover{box-shadow:6px 8px 0 rgba(10,8,6,.5);transform:translateY(-4px)}.pill-blue,.pill-gold,.pill-green,.pill-pink,.pill-purple{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:4px 5px 0 rgba(10,8,6,.4)}.pill-gold{border-color:rgba(212,146,90,.25);color:var(--accent)}.pill-green{border-color:rgba(42,157,90,.25);color:var(--accent-green)}.pill-blue:hover,.pill-gold:hover,.pill-green:hover,.pill-pink:hover,.pill-purple:hover{background:var(--bg-hover)}.shimmer{background:linear-gradient(90deg,transparent,rgba(212,146,90,.06) 25%,rgba(212,146,90,.1) 50%,rgba(212,146,90,.06) 75%,transparent)}.skeleton-pulse{background:linear-gradient(90deg,var(--bg-card) 0,var(--bg-hover) 40%,var(--bg-card) 80%)}.hero-gradient{background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(212,146,90,.1) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 0 50%,rgba(200,120,80,.06) 0,transparent 50%),radial-gradient(ellipse 60% 50% at 100% 50%,rgba(122,160,106,.04) 0,transparent 50%)}.hero-gradient-subtle{background:radial-gradient(ellipse 100% 50% at 50% 0,rgba(212,146,90,.06) 0,transparent 60%)}.hover\:text-africa-gold:hover,.text-africa-gold{color:var(--accent)!important}.bg-africa-gold{background:var(--accent)!important}.bg-africa-gold\/10{background:rgba(212,146,90,.1)!important}.bg-africa-gold\/5{background:rgba(212,146,90,.05)!important}.border-africa-gold{border-color:var(--accent)!important}.border-africa-gold\/20{border-color:rgba(212,146,90,.2)!important}.ring-africa-gold{--tw-ring-color:var(--accent)!important}.shadow-africa-gold{--tw-shadow-color:var(--accent)!important}.gradient-text{background:linear-gradient(135deg,var(--accent),#d4b070);-webkit-background-clip:text;background-clip:text}.spotify-card{background:var(--bg-card);box-shadow:var(--shadow-md)}.spotify-card:hover{background:var(--bg-hover);box-shadow:6px 8px 0 rgba(10,8,6,.5)}.spotify-card-image img{border-radius:var(--radius-sm)}.african-ring{border:2px solid rgba(212,146,90,.2);box-shadow:var(--shadow-sm)}.browse-card:hover{box-shadow:var(--shadow-lg)}.glitch-text,.glitch-text-green,.glitch-text-purple{color:var(--accent)}.card-glass-spotify,.card-glass-spotify-accent{background:var(--bg-card)}