/* assets/css/base.css */
body{
  background:var(--color-bg-dark);
  color:var(--color-ivory-soft);
  font-family:var(--font-body);
  font-size:var(--fs-400);
}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-ivory);line-height:1.05;font-weight:600}
h1{font-size:var(--fs-800)}
h2{font-size:var(--fs-700)}
h3{font-size:var(--fs-600)}
a{transition:color var(--dur-fast) var(--ease-out-expo)}
a:hover{color:var(--color-rust-glow)}
.metric{font-family:var(--font-mono)}
.script{font-family:var(--font-script)}

.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}
.section{padding-block:clamp(3rem,8vh,7rem)}
.kicker{font-family:var(--font-body);font-weight:500;font-size:var(--fs-200);letter-spacing:.28em;text-transform:uppercase;color:var(--color-rust)}

.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--color-rust);color:var(--color-ivory);padding:.6rem 1rem;border-radius:0 0 6px 0}
.skip-link:focus{left:0}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--fs-300);padding:.85rem 1.6rem;border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo),transform var(--dur-fast) var(--ease-out-expo)}
.btn--primary{background:var(--color-rust);color:var(--color-ivory)}
.btn--primary:hover{background:var(--color-rust-deep);color:var(--color-ivory);transform:translateY(-1px)}
.btn--ghost{border:1px solid var(--color-ivory-soft);color:var(--color-ivory)}
.btn--ghost:hover{border-color:var(--color-rust);color:var(--color-rust-glow)}

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