/* style.css – @importit ensin! */
@import url("base.css");
@import url("layout.css");
@import url("nav.css");
@import url("mid.css");
@import url("forms.css");
@import url("cards.css");
@import url("utilities.css");
@import url("theme.css");
@import url("footer.css");

/* Päävärit muuttujina */
:root {
  /* Päävärit */
  --syvansininen-footer: #002B80;
  --mid-tausta: #CBD7ED;

  /* Linkit */
  --linkki-sininen: #0066CC;
  --linkki-sininen-hover: #004999;

  /* Accent / kulta */
  --accent-kulta-vaalea: #FFF8DC;
  --accent-kulta-kirkas: #FFD700;
  --accent-kulta: #DAA520;
  --accent-kulta-tumma: #B8860B;

  /* Tekstit */
  --teksti: #222222;
  --otsikko: #111111;

  /* Taustat ja rajat */
  --sivupohja: #FAFAFA;
  --pinta: #FFFFFF;
  --harmaa: #5D53ED;
  --reuna-kevyt: #E0E0E0;
  --reuna-neutraali: #DDDDDD;

  /* Tilavärit */
  --tila-ok: var(--syvansininen-footer);
  --tila-error: #B30000;
  --tila-success: #1A7F37;
  --tila-warning: #B25E00;
}