/* ==========================================================================
   Starmines — cosmic-industrial design system
   "Mine the depths. Reason from them."
   Bodoni Moda display · Space Grotesk · Space Mono · gold-ore accent
   --------------------------------------------------------------------------
   To re-theme the accent, change the three --accent* vars below. The HTML
   inline styles and the canvas JS both read from these (JS reads --accent-rgb
   via getComputedStyle), so it's a one-place swap.
   ========================================================================== */

:root {
  --bg: #06060b;
  --ink: #ece9e1;
  --accent: #e6b15a;        /* gold ore */
  --accent-hover: #f4c878;  /* lighter gold for hover */
  --accent-rgb: 230,177,90; /* same gold, for rgba() + canvas */
}

*  { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Space Grotesk", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
::selection { background: var(--accent); color: var(--bg); }

/* ---- keyframes ---------------------------------------------------------- */
@keyframes smRise   { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
@keyframes smFade   { from { opacity: 0; } to { opacity: 1; } }
@keyframes smMarquee{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes smScrollCue { 0% { transform: translateY(0); opacity: .2; } 50% { opacity: 1; } 100% { transform: translateY(10px); opacity: .2; } }
@keyframes smRotate { to { transform: rotate(360deg); } }

/* ---- hover states (replace prototype style-hover) ----------------------- */
.sm-nav-link             { transition: color .3s; }
.sm-nav-link:hover       { color: var(--accent); }
.sm-btn-gold             { transition: background .3s; }
.sm-btn-gold:hover       { background: var(--accent-hover); }
.sm-link-gold            { transition: color .3s; }
.sm-link-gold:hover      { color: var(--accent-hover); }
.sm-btn-ghost            { transition: border-color .3s, color .3s; }
.sm-btn-ghost:hover      { border-color: var(--accent); color: var(--accent); }
.sm-svc-row:hover        { background: rgba(var(--accent-rgb), 0.05); }
.sm-team-tile            { transition: border-color .4s; }
.sm-team-tile:hover      { border-color: rgba(var(--accent-rgb), 0.5); }

/* reduced motion: stop the ambient loops, keep content visible */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}