/*
  Svenska kyrkans grafiska profil (2024) – färger och typsnitt.

  ALLA färger och typsnitt i appen kommer härifrån. Moduler ska använda
  variablerna nedan (t.ex. var(--farg-vinrod)) och aldrig egna färgkoder.

  Källa: "Svenska kyrkans grafiska profil", manual daterad 2024-04-22
  (240422_SvKy_Manual_Final.pdf) via svenskakyrkan.se/grafiskprofil.
  Färgerna: kapitel 3 Färgpalett, s. 30–33 och 39.
  Typsnitten: kapitel 4 Typografi, s. 35–37.
*/

/* Typsnitt. Filerna ligger i public/typsnitt (hämtade från Google Fonts-projektet,
   licens SIL Open Font License) så att besökarnas webbläsare inte kontaktar Google. */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/typsnitt/dm-sans-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/typsnitt/dm-sans-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/typsnitt/spectral-latin-400-italic.woff2") format("woff2");
}

:root {
  /* Grundfärger (s. 30–31). Svart används bara till text. */
  --farg-beige: #FFEBE1;
  --farg-svart: #000000;

  /* Ljusa nyanser */
  --farg-rosa: #FFC3AA;
  --farg-ljuslila: #CDC3FF;
  --farg-ljusgron: #BEE1C8;

  /* Mellannyanser */
  --farg-guld: #BC8E4C;
  --farg-gron: #28A88E;
  --farg-lila: #9B87FF;
  --farg-orange: #FF785A;

  /* Mörka nyanser – här används vit eller beige text (s. 39) */
  --farg-vinrod: #7D0037;
  --farg-morklila: #412B72;
  --farg-morkgron: #00554B;

  --farg-vit: #FFFFFF;

  /*
    Typsnitt (s. 35–37):
    - DM Sans är huvudtypsnittet. Rubriker alltid i DM Sans Medium (500).
    - Brödtext i DM Sans Regular (400).
    - Spectral Italic används sparsamt för att betona ett ord eller en rad,
      aldrig som rubrikens första ord.
    - Reserv enligt manualen: Arial resp. kursiv Times New Roman.
  */
  --typsnitt: "DM Sans", Arial, sans-serif;
  --typsnitt-betoning: "Spectral", "Times New Roman", serif;
  --vikt-regular: 400;
  --vikt-medium: 500;

  /*
    Appens roller för färgerna. Ändra här om appen ska byta uttryck.
    OBS: den gröna och den lila färgskalan får inte blandas (s. 33).
    Appen använder vinrött som accent, som inte hör till någon av skalorna.
  */
  --yta-bakgrund: var(--farg-vit);
  --yta-sidopanel: var(--farg-beige);
  --yta-kort: var(--farg-vit);
  --yta-markerad: var(--farg-beige);
  --text: var(--farg-svart);
  --text-pa-mork: var(--farg-beige);
  --accent: var(--farg-vinrod);
  --kantlinje: var(--farg-rosa);
  --fel-bakgrund: var(--farg-rosa);
}