/* louve.space / Taoki · 1.0.0 · Sync values with tokens.json. */
@font-face {
  font-family: "Baloo 2";
  src: url("../assets/fonts/baloo-2-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("../assets/fonts/nunito-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

:root {
  --ls-color-paper: #fff9ed;
  --ls-color-ink: #243e3b;
  --ls-color-taoki: #65ad57;
  --ls-color-action: #286b52;
  --ls-color-sky: #79bdd3;
  --ls-color-sun: #f4c75b;
  --ls-color-coral: #de684b;
  --ls-color-navy: #344968;
  --ls-color-white: #ffffff;
  --ls-color-mint-soft: #e7f1de;
  --ls-color-sky-soft: #e4f2f6;
  --ls-color-sun-soft: #fff0c5;
  --ls-color-coral-soft: #fae5d9;
  --ls-font-display: "Baloo 2", "Trebuchet MS", sans-serif;
  --ls-font-body: "Nunito Sans", "Arial", sans-serif;
  --ls-font-reading: "Nunito Sans", "Arial", sans-serif;
  --ls-text-caption: 1rem;
  --ls-text-body: 1.125rem;
  --ls-text-label: 1.25rem;
  --ls-text-prompt: clamp(1.375rem, 2.2vw, 1.75rem);
  --ls-text-title: clamp(2rem, 4vw, 3.5rem);
  --ls-text-hero: clamp(2.75rem, 7vw, 5.5rem);
  --ls-text-grapheme: clamp(3rem, 8vw, 5.5rem);
  --ls-leading-body: 1.5;
  --ls-leading-heading: 1.1;
  --ls-leading-reading: 1.35;
  --ls-space-1: 4px;
  --ls-space-2: 8px;
  --ls-space-3: 12px;
  --ls-space-4: 16px;
  --ls-space-5: 24px;
  --ls-space-6: 32px;
  --ls-space-7: 48px;
  --ls-space-8: 64px;
  --ls-space-9: 96px;
  --ls-radius-small: 12px;
  --ls-radius-control: 20px;
  --ls-radius-card: 28px;
  --ls-radius-board: 40px;
  --ls-radius-pill: 999px;
  --ls-stroke-ui: 2px;
  --ls-stroke-focus: 4px;
  --ls-shadow-card: 0 5px 0 rgb(36 62 59 / 10%);
  --ls-shadow-button: 0 4px 0 #243e3b;
  --ls-motion-press: 120ms;
  --ls-motion-feedback: 220ms;
  --ls-motion-scene: 320ms;
  --ls-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --ls-touch-min: 64px;
  --ls-touch-gap: 12px;
  --ls-content-max: 1200px;
  --ls-game-max: 1080px;
  --ls-reading-max: 55ch;
}