/* 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.

   ATT BE OM EN VIKT SOM INTE FINNS GER BLACK, INTE MEDIUM. CSS:ens
   typsnittsmatchning söker uppåt först när den önskade vikten är över 500,
   så 600, 700, 800 och bold ritas alla som Black. Det är lätt att tro
   tvärtom - att 600 skulle bli en lättare fetstil - och det antagandet levde
   i kodbasen till 2026-08-08 (TASK-1029, TASK-1094). Mätt: ordet Redigera
   blir 49 px vid 400 och 500, och 54 px vid 600 och uppåt.

   Skriv därför den vikt som faktiskt ritas, 500 eller 900. Ett tal
   däremellan säger något annat än det gör. `normal` är i sin ordning där
   avsikten är att ta bort fetstil - 400 och 500 ritas båda som Medium. */
@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;
}