/* ============================================================
   Grongler shared font pack
   ------------------------------------------------------------
   Drop this whole `fonts/` folder into an app and link this
   file. Every url() below is relative to THIS file, so the
   folder works wherever it's copied — no base-path config.

       <link rel="stylesheet" href="fonts/fonts.css">

   Everything here is OFL 1.1. Licences are in licenses/,
   one per family. Keep them with the fonts if the app ships.
   Full notes + specimen table: README.md next to this file.
   ============================================================ */

/* ---------- reading / dyslexia ---------- */

@font-face{
  font-family:"OpenDyslexic";
  src:url("dyslexia/OpenDyslexic-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src:url("dyslexia/OpenDyslexic-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src:url("dyslexia/OpenDyslexic-Italic.woff2") format("woff2");
  font-weight:400; font-style:italic; font-display:swap;
}
@font-face{
  font-family:"OpenDyslexic";
  src:url("dyslexia/OpenDyslexic-Bold-Italic.woff2") format("woff2");
  font-weight:700; font-style:italic; font-display:swap;
}

/* Variable, 100–900 — ask for any weight in that range. */
@font-face{
  font-family:"Lexend";
  src:url("dyslexia/Lexend-var.woff2") format("woff2-variations");
  font-weight:100 900; font-style:normal; font-display:swap;
}

@font-face{
  font-family:"Atkinson Hyperlegible";
  src:url("dyslexia/AtkinsonHyperlegible-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Atkinson Hyperlegible";
  src:url("dyslexia/AtkinsonHyperlegible-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Atkinson Hyperlegible";
  src:url("dyslexia/AtkinsonHyperlegible-Italic.woff2") format("woff2");
  font-weight:400; font-style:italic; font-display:swap;
}

/* ---------- gothic / blackletter ---------- */

/* True German Fraktur — these two are digitisations of real
   German metal types, long-s and all. */
@font-face{
  font-family:"UnifrakturMaguntia";
  src:url("gothic/UnifrakturMaguntia-Book.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"UnifrakturCook";
  src:url("gothic/UnifrakturCook-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}

/* Blackletter-derived display faces, most to least readable. */
@font-face{
  font-family:"Grenze Gotisch";
  src:url("gothic/GrenzeGotisch-var.woff2") format("woff2-variations");
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Almendra";
  src:url("gothic/Almendra-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"MedievalSharp";
  src:url("gothic/MedievalSharp-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Pirata One";
  src:url("gothic/PirataOne-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"New Rocker";
  src:url("gothic/NewRocker-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Germania One";
  src:url("gothic/GermaniaOne-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Fruktur";
  src:url("gothic/Fruktur-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Eagle Lake";
  src:url("gothic/EagleLake-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Metal Mania";
  src:url("gothic/MetalMania-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}

/* ---------- ready-made stacks ----------
   Use the variables rather than raw family names, so a family
   swap is one edit here instead of a grep across every app. */
:root{
  /* Reading. --font-dyslexic is the one to offer as "dyslexia
     mode"; --font-legible and --font-lexend are the calmer
     alternatives that some readers get on better with. */
  --font-dyslexic: "OpenDyslexic", "Comic Sans MS", sans-serif;
  --font-lexend:   "Lexend", system-ui, sans-serif;
  --font-legible:  "Atkinson Hyperlegible", system-ui, sans-serif;

  /* Gothic. --font-fraktur is the authentic German one;
     --font-gothic-ui is the only blackletter here that stays
     legible at interface sizes. */
  --font-fraktur:     "UnifrakturMaguntia", "UnifrakturCook", serif;
  --font-schwabacher: "UnifrakturCook", "UnifrakturMaguntia", serif;
  --font-gothic-ui:   "Grenze Gotisch", "Almendra", serif;
  --font-gothic-body: "Almendra", "MedievalSharp", serif;
  --font-gothic-disp: "Pirata One", "New Rocker", "Germania One", serif;
}