/* Bread & Circuits — base styles. Design system: NOTES.md.
   Fonts self-hosted (no CDN): Anton 400, IBM Plex Mono 400/500/600. */

@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/anton-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/plexmono-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/plexmono-500.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/plexmono-600.woff2") format("woff2");
}

html { scroll-behavior: smooth; background: #0C0A09; }
body { margin: 0; background: #0C0A09; color: #EDE7DF; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #EDE7DF; text-decoration: none; }
a:hover { color: #FF3B1F; }
::selection { background: #FF3B1F; color: #0C0A09; }
input::placeholder { color: rgba(237, 231, 223, 0.35); }
input:focus, button:focus, summary:focus, a:focus { outline: 2px solid #FF3B1F; outline-offset: 3px; }
summary::-webkit-details-marker { display: none; }
details[open] .faq-chev { transform: rotate(45deg); }

/* Hover states (converted from the design export's style-hover attributes) */
.nav-link { color: #9A9088; }
.nav-link:hover { color: #FF3B1F; }
.btn-primary:hover { background: #EDE7DF !important; border-color: #EDE7DF !important; }
.hover-accent:hover { color: #FF3B1F !important; }

@keyframes bcPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
@keyframes bcSweep { 0% { top: -8%; } 100% { top: 108%; } }
@keyframes bcFlicker { 0%, 100% { opacity: 0.55; } 92% { opacity: 0.55; } 93% { opacity: 0.35; } 94% { opacity: 0.55; } 97% { opacity: 0.45; } 98% { opacity: 0.55; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}