/* ==============================
   VARIABLES.CSS
   Sito: Nicole Londino
   Ultimo aggiornamento: 2025-11-14
   ============================== */

:root {
  /* 🎨 COLORI BASE */
  --color-primary: #f8b4c9;
  --color-secondary: #5d508b;
  --color-bg: #f5f5f5;
  --color-text: #1f1d26;

  /* 🎨 Gradienti */
  --gradient-primary: linear-gradient(180deg, #d5c8ff 0%, #f8b4c9 100%);
  --gradient-secondary: linear-gradient(270deg, #e89e47 0%, #817fd1 100%);

  /* 🖋️ TIPOGRAFIA */
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Lato", sans-serif;

  --fs-display: 5rem;
  --fs-h1: 2.25rem;
  --fs-h2: 1.75rem;
  --fs-h3: 1.25rem;
  --fs-h4: 0.875;
  --fs-h5: 0.75rem;
  --fs-body: 1rem;

  /* Peso dei font */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
}

/* ================= MOBILE ================= */

@media (max-width: 1024px) {
  :root {
    /* 🖋️ TIPOGRAFIA */
    --fs-display: 3.125rem;
    --fs-h1: 1.75rem;
    --fs-h2: 1.25rem;
    --fs-h3: 1rem;
    --fs-h4: 0.75rem;
    --fs-h5: 0.75rem;
    --fs-body: 0.875rem;
  }
}