/* Sustav: jedini izvor boja, fontova i pokreta za naslovnicu, priče i 404.
   Nova boja ili font ide samo ovdje. Što je čemu namijenjeno piše u DESIGN.md. */

:root {
  /* Papir */
  --paper: #EFE9DD;         /* pozadina svih stranica */
  --paper-2: #E7DFCF;       /* tamnija ploha na papiru */
  --paper-light: #F7F2E8;   /* kartice, bilješke, modal, tekst na plavom */
  --cream: #FFFAEE;         /* tekst i oznake na fotografijama i tamnim plohama */
  --paper-aged: radial-gradient(110% 90% at 20% 10%, #F3EDE1 0%, rgb(243 237 225 / 0) 60%),
    linear-gradient(165deg, #ECE4D4 0%, #E3D8C4 55%, #D8CAB0 100%);   /* hero i 404 */

  /* Tinta */
  --ink: #2A2117;                    /* naslovi, glavni tekst priča */
  --ink-soft: rgb(58 46 30 / 0.9);   /* odlomci na naslovnici, podnaslovi i citati u pričama */
  --muted: rgb(58 46 30 / 0.74);     /* potpisi, metapodaci, bilješke */
  --line: rgb(70 52 28 / 0.16);      /* crte i rubovi */

  /* Plava s korica knjige */
  --blue: #1F51A1;        /* linkovi, gumbi, naglasci */
  --blue-dark: #17408A;   /* hover */
  --blue-deep: #123A78;   /* pritisak, H2 u pričama, tamne plohe */
  --navy: #1C3755;        /* ploha reljefa na naslovnici */

  /* Ostale boje */
  --red: #D41829;      /* godine na naslovnici, greške u prijavi i dijeljenju; crvena s korica, ne za gumbe */
  --bronze: #8A6A3B;   /* grafikoni u pričama */

  /* Uklesani naslov: plava ispuna kao V-žlijeb, svijetli brid ispod i tamni rub iznad */
  --carved: linear-gradient(180deg, var(--blue-deep) 0%, #1A4893 42%, #2F63B4 100%);
  --carved-shadow: drop-shadow(0 1px 0 rgb(255 252 244 / 0.85)) drop-shadow(0 -1px 0 rgb(40 30 15 / 0.28));

  /* Fontovi */
  --font-display: "Cinzel", "Cinzel zamjena", "Times New Roman", serif;   /* naslovi, verzal */
  --font-sans: "Source Sans 3", "Source Sans 3 zamjena", system-ui, sans-serif;  /* sav tekst i sučelje */
  --font-serif: "EB Garamond", Georgia, serif;   /* samo velike rečenice na naslovnici */

  /* Pokret */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);       /* hover, boje, male promjene */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* elementi koji ulaze ili se pomiču */
}

/* Svi fontovi su s našeg servera (/fonts/). Source Sans 3 je s Google Fontsa i nema
   kapitalke ni stare brojke, pa all-small-caps preglednik glumi. Grčki i dodatak
   preuzimaju se samo na stranici koja ih koristi. Latin-ext Source Sansa je podskup
   (Latin Extended-A, ǐ i †), a u cinzel-latin Đ i đ crta Cinzelov Ð, jer je Cinzelov Đ
   pogrešan (D s crtom iznad). */
@font-face { font-family: "Cinzel"; src: url("../fonts/cinzel-latin.woff2") format("woff2"); font-weight: 400 900; font-display: swap;
  unicode-range: U+0000-00FF, U+0110-0111, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cinzel"; src: url("../fonts/cinzel-latin-ext.woff2") format("woff2"); font-weight: 400 900; font-display: swap;
  unicode-range: U+0100-010F, U+0112-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Zamjene dok se fontovi ne učitaju: sistemski font skrojen na širinu i visinu našeg,
   da zamjena ne prelomi naslov drukčije i ne pomakne stranicu. Omjeri su izmjereni na
   tekstu stranice. Cinzelova mala slova su kapitalke, pa mala slova Timesa idu posebno
   (Cinzel/Times: velika slova i razmaci oko 1,0, mala slova 1,40; Source Sans/Arial 0,933). */
@font-face { font-family: "Cinzel zamjena"; src: local("Times New Roman"), local("TimesNewRomanPSMT");
  size-adjust: 100%; ascent-override: 97.6%; descent-override: 37.2%; line-gap-override: 0%; }
@font-face { font-family: "Cinzel zamjena"; src: local("Times New Roman"), local("TimesNewRomanPSMT");
  size-adjust: 140.5%; ascent-override: 69.5%; descent-override: 26.5%; line-gap-override: 0%;
  unicode-range: U+0061-007A, U+00DF-00F6, U+00F8-00FF, U+0107, U+010D, U+0111, U+0161, U+017E; }
@font-face { font-family: "Source Sans 3 zamjena"; src: local("Arial"), local("ArialMT");
  size-adjust: 93.3%; ascent-override: 109.8%; descent-override: 42.9%; line-gap-override: 0%; }

/* EB Garamond: jedna datoteka s latinicom i svim hrvatskim slovima, bez kurziva */
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }

@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-latin.woff2") format("woff2"); font-weight: 200 900; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-latin-ext.woff2") format("woff2"); font-weight: 200 900; font-display: swap;
  unicode-range: U+0100-0130, U+0132-0151, U+0154-017F, U+01D0, U+2020; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-dodatak.woff2") format("woff2"); font-weight: 200 900; font-display: swap;
  unicode-range: U+2070-2071, U+2074-208E, U+2150-215E, U+2189, U+2190, U+2192, U+2194-2199, U+21A8, U+21D0-21D3, U+21E7, U+2200, U+2202-2203, U+2206, U+220F, U+2211, U+2219-221A, U+221E-221F, U+2229, U+222B, U+2236-2237, U+2248, U+2260-2261, U+2264-2265; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-grcki.woff2") format("woff2"); font-weight: 200 900; font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-grcki-ext.woff2") format("woff2"); font-weight: 200 900; font-display: swap;
  unicode-range: U+1F00-1FFF; }

@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-italic-latin.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-italic-latin-ext.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap;
  unicode-range: U+0100-0130, U+0132-0151, U+0154-017F, U+01D0, U+2020; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-italic-grcki.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap;
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-italic-grcki-ext.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap;
  unicode-range: U+1F00-1FFF; }