/* Hallmark · macrostructure: Split Studio · H2 split diptych · nav: N9 edge-aligned · footer: Ft5 statement
 * theme: custom · vibe: "night meadow, firefly glow, cozy jars" · paper: oklch(21% 0.085 287) · accent: oklch(84% 0.15 85)
 * display: Fredoka · body: Figtree · axes: dark / rounded-sans / warm
 * studied: no · context: inferred (palette and display face taken from the Glowjar game art)
 */

@font-face {
  font-family: "Fredoka";
  src: url("../fonts/fredoka-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fredoka";
  src: url("../fonts/fredoka-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-latin.woff2") format("woff2");
  font-weight: 400 700;
  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: "Figtree";
  src: url("../fonts/figtree-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0100-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Night sky of the game board; elevation goes up in lightness, not shadow */
  --color-paper: oklch(21% 0.085 287);
  --color-paper-2: oklch(25% 0.09 287);
  --color-ink: oklch(94% 0.012 285);
  --color-ink-2: oklch(84% 0.02 285);
  --color-muted: oklch(70% 0.03 285);
  --color-rule: oklch(37% 0.08 287);
  --color-rule-2: oklch(30% 0.08 287);
  /* Firefly amber: links, the wordmark dot, focus. Never a fill larger than a button */
  --color-accent: oklch(84% 0.15 85);
  --color-accent-ink: oklch(21% 0.085 287);
  --color-focus: oklch(87% 0.18 85);

  --font-display: "Fredoka", ui-rounded, "Segoe UI", sans-serif;
  --font-body: "Figtree", ui-sans-serif, "Segoe UI", sans-serif;

  /* Major third (1.25) from a 17 px body */
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.328rem;
  --text-xl: 1.66rem;
  --text-2xl: 2.075rem;
  --text-display-s: clamp(2.075rem, 1.4rem + 3vw, 3.25rem);
  --text-display: clamp(2.5rem, 1.5rem + 4.6vw, 4.4rem);

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

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-shot: 1.75rem;
  --rule-hair: 1px;

  --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-fast: 120ms;
  --dur-base: 200ms;
}