/* ==============================
   VARIABLES.CSS (BASE)
   Sito: Base Website (riutilizzabile)
   Ultimo aggiornamento: 2025-12-17
   ============================== */

:root {
  /* ● colori */
  --color-primary: #f8e0c4;
  --color-secondary: #fbc6a4;
  --color-accent: #9ea5f5;
  --color-bg: #f5f5f5;
  --color-text: #1c162f;
  --color-muted: #ebebeb;

  /* ● tipografia */

  --font-primary:
    "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --font-secondary:
    "Philosopher", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif;

  /* ● font sizes */
  /* H1 — 40px (2.5rem) → 72px (4.5rem) */
  --fs-1: clamp(2.5rem, 1.7rem + 3.4vw, 4.5rem);

  /* H2 — 32px (2rem) → 40px (2.5rem) */
  --fs-2: clamp(2rem, 1.8rem + 0.75vw, 2.5rem);

  /* H3 — 24px (1.5rem) → 32px (2rem) */
  --fs-3: clamp(1.5rem, 1.3rem + 0.75vw, 2rem);

  /* H4 — 20px (1.25rem) → 24px (1.5rem) */
  --fs-4: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);

  /* Body — 16px (1rem) → 18px (1.125rem) */
  --fs-5: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);

  /* Small — 14px (0.875rem) fisso */
  --fs-6: 0.875rem;

  /* Display / "SOCIAL" — 60px (3.75rem) fisso */
  --fs-display: 3.75rem;

  /* ● font sizes ui */
  --fs-ui-1: ;
  --fs-ui-2: ;

  /* ● line height */
  --lh-1: ;
  --lh-2: ;
  --lh-3: ;
  --lh-4: ;

  /* ● font weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
}