/* THE PRODUCT'S OWN TYPE (15/10, the founder: "הפונטים לא טובים. תשתמש
   באלמנט או בדיפלומט"). Lia Element for every line of interface text, Lia
   Diplomat for display headings - served by public/api/ui-font.php.

   INTERFACE ONLY. The album's own type (the style catalogue, the canvas, the
   editor's text tool, print) never reads these families; it keeps its own.

   ?v= is part of every URL because the files are cached for a year as
   immutable: a new cut of a face is a new number here. */
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-ExtraLight.ttf&v=1") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-Light.ttf&v=1") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-Regular.ttf&v=1") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-Medium.ttf&v=1") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-SemiBold.ttf&v=1") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-Bold.ttf&v=1") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-ExtraBold.ttf&v=1") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Element";
  src: url("/api/ui-font.php?f=LiaElement-Black.ttf&v=1") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lia Diplomat";
  src: url("/api/ui-font.php?f=LiaDiplomatVF.ttf&v=1") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ui-font: "Lia Element", "Heebo", "Assistant", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ui-display: "Lia Diplomat", "Lia Element", "Frank Ruhl Libre", Georgia, "Times New Roman", serif;
}
/* form controls do not inherit a family by default */
button, input, select, textarea { font-family: inherit; }
