/* ==========================================================================
   Irriver.ent — Design tokens
   Un solo posto per colori, font, spaziature, breakpoint.
   ========================================================================== */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/space-grotesk.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/fraunces.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/fraunces-italic.woff2") format("woff2");
}

:root {
  /* Colori — base chiara */
  --color-bg: #faf9f6;
  --color-bg-raised: #ffffff;
  --color-text: #111110;
  --color-text-muted: #55534c;
  --color-border: #dedad2;

  /* Colori — blocchi invertiti (hero, bio) */
  --color-bg-inverse: #111110;
  --color-bg-inverse-raised: #1b1b19;
  --color-text-inverse: #faf9f6;
  --color-text-inverse-muted: #a8a59c;
  --color-border-inverse: #33322e;

  /* Accento — verde acido */
  --color-accent: #cdfa4f;
  --color-accent-text: #111110; /* testo leggibile sopra l'accento */

  /* Font */
  --font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;

  /* Scala tipografica (clamp = fluida tra mobile e desktop) */
  --fs-hero: clamp(2.5rem, 6vw + 1rem, 6rem);
  --fs-h1: clamp(2rem, 3.2vw + 1rem, 3.5rem);
  --fs-h2: clamp(1.5rem, 1.8vw + 1rem, 2.25rem);
  --fs-lead: clamp(1.125rem, 0.9vw + 1rem, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spaziatura */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;

  /* Layout */
  --content-max: 72rem;
  --content-narrow: 44rem;
  --radius: 0.5rem;

  /* Timing */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 0.6s;
}