/* MoonRise design tokens. Fonts are self-hosted (no CDN: the site must load in Iran without a VPN). */

/* Dana (no-English build: Persian and Arabic, Persian digits) for text and interface; Kalameh for titles, big figures and
   every Latin letter (Dana has none, so Latin in a Persian line falls through to it); Noto Sans Georgian for Georgian
   text. Subsets of the supplied files: tools/make-fonts.mjs. Only the faces both builds need are here (a phone loads
   Dana 400 and 700 and Kalameh 700, its middle weights take the nearest); the desktop adds Dana 500 and 600, Kalameh
   400 and Gilroy in base.css. */
@font-face { font-family: "Dana"; src: url("../fonts/dana/dana-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Dana"; src: url("../fonts/dana/dana-700.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }
@font-face { font-family: "Kalameh"; src: url("../fonts/kalameh/kalameh-700.woff2") format("woff2"); font-weight: 600 900; font-display: swap; }
@font-face { font-family: "Noto Sans Georgian"; src: url("../fonts/georgian/noto-sans-georgian.woff2") format("woff2"); font-weight: 400 700; font-display: swap; unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F; }
/* Georgian as decoration (the chapters' old capitals, names rising on a horizon): only the letters the site prints
   (tools/bake-ka-font.mjs); fetched only where such Georgian is on screen */
@font-face { font-family: "Noto Serif Georgian"; src: url("../fonts/georgian/noto-serif-georgian.woff2") format("woff2"); font-weight: 200 600; font-display: swap; unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F; }
/* the wordmark only: the letters of "MoonRise" in Fraunces */
@font-face { font-family: "MoonRise Mark"; src: url("../fonts/fraunces/moonrise.woff2") format("woff2"); font-weight: 400 900; font-display: block; }

:root {
  /* brand (from the logo) */
  --green: #83CD20;
  --green-hi: #9AF21E;
  --green-lo: #7CC51A;

  /* Tbilisi night palette */
  --ink: #0B1A33;          /* day text on light sky, header ink */
  --night: #071739;        /* deep sky after moonrise */
  --night-2: #0E2A63;
  --paper: #F5F1E8;
  --white: #FFFFFF;
  --amber: #FFB347;        /* lit windows */

  /* type: the faces per role; the language decides which (below) */
  --font-fa: "Dana", "Kalameh", Tahoma, sans-serif;               /* Persian and Arabic text */
  --font-latin: "Kalameh", system-ui, "Segoe UI", sans-serif;     /* Latin text and figures */
  --font-serif: "Kalameh", "Dana", system-ui, sans-serif;         /* (was Fraunces) names, figures, Latin titles */
  --font-mark: "MoonRise Mark", "Kalameh", serif;                  /* the wordmark */
  --font-label: "Gilroy", "Kalameh", system-ui, sans-serif;       /* small Latin capitals */
  --font-ka-text: "Noto Sans Georgian", "Kalameh", sans-serif;     /* Georgian text */
  --font-body: var(--font-latin);
  --font-display: "Kalameh", system-ui, sans-serif;
  --font-ka: "Noto Serif Georgian", "Sylfaen", serif;   /* Georgian as decoration (chapter numbers, names on a horizon) */

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --header-h: 76px;
  --gutter: clamp(16px, 3.2vw, 48px);
  --qnav-clear: var(--gutter);   /* inline-start inset that keeps content out of the quick nav's lane (quicknav.css) */
}

@media (min-width: 768px) { :root { --qnav-clear: max(var(--gutter), 118px); } }   /* the nav: 22px in, 74px wide */

html[lang="fa"], html[lang="ar"] {
  --font-body: var(--font-fa);
  --font-display: "Kalameh", "Dana", Tahoma, sans-serif;
}
html[lang="ka"] {
  --font-body: var(--font-ka-text);
  --font-display: "Noto Sans Georgian", "Kalameh", sans-serif;
}