/* teema.css: tuotteen ilme (1.11.2026). Yksi lähde väreille ja
 * kirjasimelle kaikilla sivuilla ja hallinnassa.
 *
 * Ilme on Soklon (soklo.fi, soklo.css "Lämmin ja selkeä"): kirjasin
 * Figtree (SIL OFL, fonts/OFL-figtree.txt), petroli korostus ja
 * lämmin vaalea pinta. Muuttujien nimet ovat studion pohjasta, jotta
 * sivujen tyylit toimivat sellaisinaan; arvot ovat Soklon.
 *
 * Kontrastit (WCAG 2.1, teksti vähintään 4,5:1):
 *   --text-dark  #1f2421 kortilla #fffdf9  15,6:1
 *   --text-mid   #5c605b kortilla 6,2:1, pinnalla #f5f1ea 5,6:1
 *   --green-dark #0f5c5a kortilla 7,4:1 (napit valkoisella tekstillä 7,6:1)
 *   --danger     #a8281e kortilla 6,8:1
 *
 * Studion ilme (Cormorant Garamond ja Jost, fonts.css) säilyy
 * tiedostoissa liikekohtaista ulkoasua varten (vaihe 9).
 */

@font-face { font-family: "Figtree"; font-weight: 400; font-style: normal; font-display: swap; src: url(/assets/fonts/figtree-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Figtree"; font-weight: 500; font-style: normal; font-display: swap; src: url(/assets/fonts/figtree-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Figtree"; font-weight: 600; font-style: normal; font-display: swap; src: url(/assets/fonts/figtree-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Figtree"; font-weight: 700; font-style: normal; font-display: swap; src: url(/assets/fonts/figtree-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Figtree"; font-weight: 800; font-style: normal; font-display: swap; src: url(/assets/fonts/figtree-latin-800-normal.woff2) format("woff2"); }

:root {
  /* korostus (napit, linkit, valinnat) */
  --green-dark: #0f5c5a;
  --green-mid: #0a4240;
  --green-light: #2b7472;
  --pink: #0f5c5a;
  --pink-light: #2b7472;
  --pink-pale: #e3efed;
  --pink-deep: #0a4240;
  --merkki: #e8a33d;
  /* pinnat */
  --cream: #faf6ef;
  --cream-warm: #f5f1ea;
  --white: #fffdf9;
  /* teksti */
  --text-dark: #1f2421;
  --text-mid: #5c605b;
  /* tilat */
  --danger: #a8281e;
  --success: #2e6b3f;
  /* kirjasin: sama kaikkialla */
  --font-serif: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}