/* Wager Machine Works — Custom Theme Styles */

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}
body {
  font-family: 'Rajdhani', sans-serif;
  background: #111110;
  color: #ECEAE7;
}

/* Noise texture overlay */
.noise::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-size: 200px 200px;
  pointer-events: none; z-index: 1;
}

/* Blueprint grid */
.grid-bg {
  background-image:
    linear-gradient(rgba(246,99,50,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(246,99,50,0.025) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Stamped borders */
.stamped { border: 2px solid rgba(236,234,231,0.07); }
.stamped-brand { border: 2px solid rgba(246,99,50,0.25); }

/* Spec label */
.spec {
  font-family: 'Chakra Petch', sans-serif;
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #7D786F;
}

/* Hazard stripe */
.hazard {
  background: repeating-linear-gradient(
    -45deg,
    #F66332, #F66332 8px,
    #D04E1E 8px, #D04E1E 16px
  );
}

/* FAQ accordion arrow rotation */
details[open] summary svg { transform: rotate(180deg); }