/* Hallmark · Erikoishammasteknikko Kale Leskinen
 * theme: custom · vibe: "hiljainen, kliininen, käsityöläinen, luettava"
 * axes: light / roman-serif / cool (232°)
 *
 * Kaikki värit OKLCH. Ei puhdasta mustaa eikä puhdasta valkoista —
 * paperi ja muste on sävytetty korostusvärin suuntaan (hue 232–240).
 */

:root {
  /* ---- Kirjasinperheet (2 perhettä — ei outlieria) -------------------- */
  --font-display: "Newsreader", ui-serif, Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;

  /* ---- Väri · viileä luupaperi, syvä muste, yksi liuskesininen -------- */
  --color-paper:          oklch(98%   0.006 235);
  --color-paper-2:        oklch(95.5% 0.006 235);
  --color-paper-3:        oklch(93%   0.008 235);
  --color-rule:           oklch(84%   0.010 235);  /* hiusviiva            */
  --color-rule-2:         oklch(89%   0.008 235);  /* toissijainen viiva   */
  --color-neutral:        oklch(52%   0.014 235);
  --color-muted:          oklch(43%   0.014 235);  /* 7,3:1 paperia vasten */
  --color-ink-2:          oklch(32%   0.014 240);
  --color-ink:            oklch(21%   0.014 240);  /* 12,8:1               */
  --color-ink-reverse:    oklch(96%   0.006 235);
  --color-accent:         oklch(45%   0.125 232);  /* reunat, merkit       */
  --color-accent-ink:     oklch(38%   0.110 232);  /* linkkiteksti ~7:1    */
  --color-accent-soft:    oklch(94%   0.026 232);  /* korostuspohja        */
  --color-focus:          oklch(50%   0.190 232);

  /* ---- Väli · 4 pt, yhdeksän askelta ---------------------------------- */
  --space-3xs: 0.125rem;
  --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: 6rem;
  --space-4xl: 9rem;

  /* ---- Tyyppiasteikko · 18 px perusta, suhde 1,25 --------------------- */
  --text-sm:        0.9rem;      /* 14,4 px */
  --text-base:      1.125rem;    /* 18 px   */
  --text-md:        1.406rem;    /* 22,5 px */
  --text-xl:        2.197rem;    /* 35,2 px */
  --text-display-s: clamp(1.9rem, 3.5vw + 0.6rem, 3rem);
  --text-display:   clamp(1.9rem, 4vw + 0.6rem, 3.6rem);

  /* ---- Viivat --------------------------------------------------------- */
  --rule-hair: 1px;
  --rule-bold: 2px;

  /* ---- Liike ---------------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ---- Kerrokset ------------------------------------------------------ */
  --z-base:    1;
  --z-raised:  10;
  --z-sticky:  200;
}