/* NordicDrive Brutalist MVP */
:root{
  --neon:#FF3C00;
  --off:#F2F2F2;
  --black:#000000;
  --white:#FFFFFF;
}

html,body{height:100%}
body{background:var(--off); color:var(--black);}
a{color:inherit; text-decoration:none}
.brutal-border{border:2px solid var(--black);}
.brutal-shadow{box-shadow:4px 4px 0 0 var(--neon);}
.brutal-shadow-white{box-shadow:8px 8px 0 0 rgba(255,255,255,0.2);}

.stroke-text{-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--black);}

.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* Brutalist scrollbar */
::-webkit-scrollbar{width:12px;background:var(--black);}
::-webkit-scrollbar-thumb{background:var(--neon);border:2px solid var(--black);}

/* Marquee */
.marquee-container{overflow:hidden;white-space:nowrap;}
.marquee-content{display:inline-block;animation:marquee 20s linear infinite;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* Hover */
.brutal-hover:hover{background:var(--black);color:var(--white);}
.brutal-hover:hover .text-accent{color:var(--neon);}

/* Focus */
.focus-brutal:focus{outline:none;box-shadow:0 0 0 2px var(--black), 0 0 0 6px rgba(255,60,0,0.35);}

/* Button press feel */
.pressable:active{transform:translateX(1px) translateY(1px); box-shadow:none!important;}

/* Mobile menu */
#mobile-drawer[aria-hidden="true"]{display:none;}
.drawer-backdrop{background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);}