@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Nunito:wght@400;700&display=swap");

:root {
  --color-bg: #FBF8F3;
  --color-surface: #EBD9C3;
  --color-primary: #8C5A2B;
  --color-text: #2E1D0E;
  --color-muted: #6B5744;
  --color-border: #D2B896;
  --color-on-primary: #FBF8F3;

  --font-heading: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;

  --text-h1: clamp(40px, 6vw, 64px);
  --text-h2: clamp(32px, 4vw, 40px);
  --text-h3: 24px;
  --text-body: 18px;
  --text-lead: 22px;
  --text-contact: 26px;
  --text-nav: 16px;
  --text-label: 14px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-section: 48px;
  --space-section-wide: 80px;

  --content-width: 1120px;
  --radius-panel: 20px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --border-card: 2px solid #8C5A2B;
  --shadow-sticker: 6px 6px 0 #D2B896;
}