/* =========================================================
   Vuoreksen asukasyhdistys — yhteiset perustyylit
   Sivukohtaiset tyylit ovat kunkin sivun <style>-lohkossa.
   ========================================================= */

/* --- Fontti --- */
@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/BebasNeue-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Design-tokenit --- */
:root {
  --forest: #205136;   /* primaari */
  --pine:   #25553c;   /* syvät pinnat */
  --leaf:   #719b3f;   /* aksentti */
  --leaf-dark: #5e8333;
  --ink:    #14223a;   /* leipäteksti */
  --paper:  #f6f4ec;   /* lämmin tausta */
  --cream:  #fbfaf4;   /* kortit */
  --line:   #d8ddd2;   /* reunat */
  --muted:  #5b6660;   /* toissijainen teksti */

  --display: "Bebas Neue", Impact, "Arial Narrow Bold", sans-serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --radius: 10px;
  --radius-lg: 20px;
  --shadow: 0 2px 14px rgba(20, 34, 58, .08);
}

/* --- Perusresetti --- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}

img, svg { max-width: 100%; display: block; }
a { color: var(--forest); text-underline-offset: 3px; }

.container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}