/* Studio Larice (demo) · theme: cool sage paper, deep teal-green ink, one teal accent · Spectral + Figtree
 * axes: light / book-serif / cool-teal, informative and calm. Differs from Atelier Viola (rose) and Casa Albamare (sea blue + sand). */

@font-face { font-family: "Spectral"; src: url("../fonts/spectral-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("../fonts/spectral-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/figtree-wght.woff2") format("woff2-variations"); font-weight: 300 900; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;
  --color-paper:   #f6f8f5;
  --color-paper-2: #e9f0ea;
  --color-paper-3: #dbe7de;
  --color-rule:    #cddad0;
  --color-muted:   #476259;
  --color-ink-2:   #1f3d3a;
  --color-ink:     #12302d;
  --color-accent:  #1f6f68;
  --color-accent-ink: #f6f8f5;
  --color-focus:   #1f6f68;

  --font-display: "Spectral", Georgia, serif;
  --font-body:    "Figtree", ui-sans-serif, system-ui, sans-serif;

  --text-sm: 0.9rem;
  --text-base: 1.0625rem;
  --text-md: 1.25rem;
  --text-lg: clamp(1.5rem, 1.6vw + 1rem, 2.1rem);
  --text-xl: clamp(1.9rem, 2.6vw + 1rem, 3rem);
  --text-display: clamp(2.5rem, 5.4vw + 0.8rem, 4.7rem);
  --lh-tight: 1.1;
  --lh-body: 1.65;
  --measure: 58ch;

  --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;
  --page-gutter: clamp(1rem, 5vw, 3.5rem);
  --radius: 6px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 140ms;
}