/* Arilis — the typeface
 * Developer: Site Done · https://sitedone.tech
 *
 * Nunito Sans, carried by the shop itself (client, 2026-08-27).
 *
 * It replaces Segoe UI Semibold, which was a system face — and that was the
 * trouble with it. Only Windows has it. Everywhere else the stack stepped down
 * to whatever the platform calls its interface font, so the shop looked like
 * one thing on the client's desk and like something else on the phones most of
 * its visitors read it on. A face the shop serves itself looks the same to
 * everybody, and it carries Ukrainian in the same shapes as Polish.
 *
 * One file for every weight: this is a variable font, so 300 through 900 come
 * out of the same two hundred kilobytes rather than one download per cut. Only
 * the upright is served — nothing in this shop is set in italics, and half a
 * megabyte for a style nobody uses is half a megabyte.
 *
 * The .woff2 is built from the client's .ttf by tools/v4/font-woff2.js.
 *
 * swap rather than block: the page is readable in the fallback while the file
 * arrives, which on a slow connection is the difference between a shop and a
 * blank rectangle. */

@font-face {
  font-family: "Nunito Sans";
  /* Named twice on purpose: the first line is what a browser that understands
     variable fonts takes, the second is the same file for one that does not
     and would otherwise skip the face entirely. */
  src: url("nunito-sans.woff2") format("woff2-variations"),
       url("nunito-sans.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* Each stack written once, so nothing below has to repeat one and the switch
   has two named things to choose between. */
:root {
  --ar-face-nunito: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Segoe UI Semibold is a Windows face. On a Mac or a phone the stack steps
     down to that platform's own interface font — which is why it is no longer
     the default: the shop was one typeface on the client's desk and another on
     every phone its visitors actually read it on. */
  --ar-face-segoe: "Segoe UI Semibold", "Segoe UI", -apple-system,
    BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Nunito Sans everywhere (client, 2026-08-29).

   --ar-font is the interface: headings, buttons, labels, prices, the menu.
   --ar-text is what is read rather than scanned: paragraphs, a product's
   description, its table of specifications, the legal pages.

   They are the same family now. The two names stay because they mark two
   different jobs, and the day one of them wants a different face there is
   already somewhere to put it. */
:root {
  --ar-font: var(--ar-face-nunito);
  --ar-text: var(--ar-face-nunito);
}

/* What the shop looked like until 2026-08-29: Segoe UI Semibold on the
   interface, Nunito Sans on the prose. Kept so the two can be compared side
   by side on the live shop rather than from memory — the switch that sets
   this attribute is in eu-v4.js and appears only when it is asked for. */
/* The same two faces, under the name the admin stores and the name the
   preview switch has always used. Both are listed because the setting in
   Theme -> General writes "segoe" and the localStorage preview writes
   "split"; one declaration answers for both rather than two that can drift. */
:root[data-ar-font="segoe"],
:root[data-ar-font="split"] {
  --ar-font: var(--ar-face-segoe);
  --ar-text: var(--ar-face-nunito);
}