/* Taksiverkosto, yhteinen pohja (22.10.2026).
   Kopioitu taksiajolupa.fi v2:n muuttujista (Taksi_Vaasa/taksiajolupa_v2/css/tyyli.css), lähdettä ei muokata.
   Jokainen sivusto kopioi tämän omaan public/-kansioonsa ja asettaa oman --korostus-värin. Perhe saa näkyä, kopio ei. */

@font-face {
  font-family: "Archivo";
  src: url("fonts/archivo-wdth-wght.woff2") format("woff2");
  font-weight: 400 800;
  font-stretch: 84% 120%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo Vara";
  src: local("Arial"), local("Liberation Sans"), local("Helvetica");
  size-adjust: 99%;
  ascent-override: 88.7%;
  descent-override: 21.2%;
  line-gap-override: 0%;
}

:root {
  --paperi: #F2F3F5;
  --valkoinen: #FFFFFF;
  --muste: #0F1114;
  --teksti: #33383E;
  --himmea: #5A6068;
  --viiva: #DCDFE3;
  --viiva-2: #C3C8CE;
  --oikein: #17693A;
  --oikein-tausta: #E7F3EB;
  --vaarin: #B3261E;
  --vaarin-tausta: #FBEAE8;

  /* Sivustokohtainen: korvataan sivuston omassa tyyli.css:ssä. */
  --korostus: #FFC400;
  --korostus-teksti: #0F1114;
  --korostus-vaalea: #FFF3C4;

  --fontti: "Archivo", "Archivo Vara", system-ui, sans-serif;
  --ulos: cubic-bezier(0.23, 1, 0.32, 1);
  --sade: 4px;
  --leveys: 44rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paperi);
  color: var(--teksti);
  font: 400 1.0625rem/1.6 var(--fontti);
}
h1, h2, h3 { color: var(--muste); line-height: 1.15; font-stretch: 92%; }
a { color: var(--muste); text-underline-offset: 0.15em; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--muste); outline-offset: 2px; }
.sisalto { max-width: var(--leveys); margin: 0 auto; padding: 0 16px; }
.alatunniste { border-top: 1px solid var(--viiva); margin-top: 4rem; padding: 2rem 0; color: var(--himmea); font-size: 0.9375rem; }
input, button, select { font: inherit; font-size: 1rem; }
button { min-height: 48px; border-radius: var(--sade); }