/* Liontaria · design tokens */
@font-face {
  font-family: "Newsreader";
  src: url("fonts/newsreader-standard-normal.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("fonts/newsreader-standard-italic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("fonts/noto-serif-georgian.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/noto-sans-georgian-400.woff2") format("woff2");
  font-weight: 400 500;
  font-display: swap;
  unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F;
}

:root {
  /* paper band: light · display: roman-serif (light weight) · accent: warm ochre */
  --color-paper:   oklch(96.6% 0.012 82);
  --color-paper-2: oklch(93.4% 0.015 80);
  --color-rule:    oklch(84%   0.014 76);
  --color-muted:   oklch(46%   0.014 66);
  --color-ink:     oklch(21%   0.014 58);
  --color-accent:  oklch(50%   0.115 56);
  --color-link-rule: oklch(62% 0.09 60);
  --color-focus:   oklch(52%   0.15  52);

  --font-text: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-sm:      0.875rem;
  --text-base:    1.1875rem;
  --text-lede:    clamp(1.3125rem, 0.6vw + 1.1rem, 1.5rem);
  --text-display: clamp(2.6rem, 4.4vw + 1rem, 4.75rem);

  --weight-display: 230;
  --weight-lede:    350;
  --weight-text:    400;
  --weight-strong:  620;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  --page-gutter: clamp(1rem, 6vw, 4rem);
  --column-indent: 0rem;
  --measure: 36rem;

  --rule: 1px solid var(--color-rule);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms;
}

@media (min-width: 45em) {
  :root { --column-indent: clamp(4.5rem, 16vw - 3rem, 14rem); }
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper:   oklch(16.5% 0.010 62);
    --color-paper-2: oklch(20%   0.012 62);
    --color-rule:    oklch(33%   0.012 64);
    --color-muted:   oklch(73%   0.012 72);
    --color-ink:     oklch(93%   0.010 82);
    --color-accent:  oklch(76%   0.105 66);
    --color-link-rule: oklch(55% 0.07 62);
    --color-focus:   oklch(78%   0.13  64);
    --weight-display: 210;
    --weight-lede:    330;
    --weight-text:    370;
  }
}