/* Hemslöjdens visuella identitet. Styrande: docs/design.md.
 *
 * Två regler ur profilen som är lätta att bryta:
 *   - Gul och blå klarar inte kontrastkravet som textfärg på vitt.
 *     Använd dem för ytor, knappar och dekor - inte brödtext.
 *   - Brödtext svart eller brun på ljus botten, vit på mörk.
 *
 * Typsnitten är self-hostade som woff2, ingen extern font-CDN.
 * Riksförbundet har bekräftat att föreningen får använda dem.
 *
 * Hierarkin ur manualen (s. 21-22):
 *   huvudrubrik   Toledo, alltid versaler
 *   mellanrubrik  Akzidenz Grotesk fet
 *   brödtext      New Century Schoolbook
 *
 * Fallback när filerna inte laddar: Toledo och New Century Schoolbook -> Georgia,
 * Akzidenz Grotesk -> Arial. Samma ordning gäller i mejl, som inte renderar
 * webfonts pålitligt.
 */

/* Toledo finns i två skärningar. Handicraft har omritade Å/Ä/Ö med
   slöjddetaljer och används på huvudrubriker, där de syns. */
@font-face {
  font-family: "Toledo";
  src: url("/static/typsnitt/toledo-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Toledo Handicraft";
  src: url("/static/typsnitt/toledo-handicraft.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Akzidenz Grotesk";
  src: url("/static/typsnitt/akzidenz-medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
/* Black, inte Bold. Profilen levererar Medium och Black - det som kom märkt
   Bold visade sig ha byte-identiska konturer med Medium. Black är tyngre än
   en vanlig fet skärning, så den används sparsamt: markörer, knappar och
   ingress, inte löpande etiketter. */
@font-face {
  font-family: "Akzidenz Grotesk";
  src: url("/static/typsnitt/akzidenz-black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "New Century Schoolbook";
  src: url("/static/typsnitt/ncs-roman.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "New Century Schoolbook";
  src: url("/static/typsnitt/ncs-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "New Century Schoolbook";
  src: url("/static/typsnitt/ncs-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
:root {
  --hs-rod: #f15b40;
  --hs-bla: #0093d0;
  --hs-gul: #fcb52e;
  --hs-brun: #361f15;
  --hs-ullvit: #e9e8db;

  /* Mörkare blå för länktext, eftersom #0093d0 inte klarar kontrast */
  --hs-bla-lank: #0077a8;

  /* Tre roller, inte två. Brödtext är serif enligt profilen, medan
     gränssnittets etiketter, knappar och tabeller är sans - ett tätt
     admingränssnitt blir tungt i serif. */
  --hs-rubrik: "Toledo", Georgia, "Times New Roman", serif;
  --hs-rubrik-dekor: "Toledo Handicraft", "Toledo", Georgia, serif;
  --hs-brod: "New Century Schoolbook", Georgia, "Times New Roman", serif;
  --hs-ui: "Akzidenz Grotesk", Arial, Helvetica, sans-serif;

  --hs-ram: #d8d5cc;
  --hs-svag: #6b5a4e;
}