@font-face{font-family:"Amatic SC";src:url("fonts/AmaticSC-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Amatic SC";src:url("fonts/AmaticSC-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Caveat";src:url("fonts/Caveat.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Neucha";src:url("fonts/Neucha.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  --color-peach-200:#FFB292;
  --color-peach-300:#F8B994;
  --color-peach-400:#F69971;
  --color-peach-500:#F19C77;
  --color-peach-700:#C8693F;
  --color-teal-800:#3E5F5C;
  --color-cream-50:#FFF8EC;
  --color-cream-100:#FCEACA;
  --color-sand-100:#FCEACA;
  --color-sand-200:#F7E4BD;
  --color-sand-300:#F4DAAC;
  --color-teal-200:#95D0CE;
  --color-teal-300:#94CECD;
  --color-teal-400:#84CAC8;
  --color-teal-500:#9CCEC8;
  --color-white:#FFFFFF;

  --color-bg:var(--color-peach-400);
  --color-dot:var(--color-peach-200);
  --color-text:var(--color-white);
  --color-text-shadow:var(--color-cream-100);
  --color-tag:var(--color-teal-200);
  --color-accent:var(--color-white);
  --color-accent-text:var(--color-peach-400);
  --color-focus:var(--color-teal-400);

  --font-hand:"Amatic SC","Neucha",system-ui,sans-serif;
  --font-brush:"Rubik Dirt","Neucha",system-ui,sans-serif;
  --font-body:"Caveat","Neucha",system-ui,sans-serif;

  --text-lg:1.125rem;
  --text-xl:1.25rem;
  --text-2xl:1.5rem;
  --text-5xl:3rem;
  --text-6xl:3.75rem;
  --text-7xl:4.5rem;
  --text-8xl:6rem;

  --fs-lead:var(--text-2xl);
  --fs-hand-xl:clamp(var(--text-5xl),6.2vw,var(--text-8xl));
  --fs-brush-xl:clamp(var(--text-5xl),7.4vw,7.5rem);
  --fs-button:var(--text-xl);

  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --gutter:var(--space-6);

  --radius-full:999px;
  --ease-soft:cubic-bezier(.22,.8,.3,1);
  --duration-word:.45s;
}