/* ==============================
   VARIABLES.CSS
   Sito: Pimu Studio Design
   Ultimo aggiornamento: 2025-11-22
   ============================== */

:root {
  /* 🎨 COLORI BASE */
  --color-primary: #e89e47;
  --color-secondary: #817fd1;
  --color-text: #f2f3f4;
  --color-bg: #222020;

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

  --fs-1: 4.75rem; /* 76px */

  --fs-2: 2.25rem; /* 36px */

  --fs-3: 1.75rem; /* 28px */
  --fs-3-alt: 1.75rem; /* 28px  */

  --fs-4: 1.25rem; /* 20px */
  --fs-4-alt: 1.25rem; /* 20px */

  --fs-5: 1rem; /* 16px */
  --fs-5-alt: 1rem; /* 16px  */

  --fs-6: 0.875rem; /* 14px */
  --fs-7: 0.75rem;

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

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

@media (max-width: 1024px) {
  :root {
    /* 🖋️ TIPOGRAFIA */
    --fs-1: 1.9375rem;

    --fs-2: 1.75rem;

    --fs-3: 1.5625rem;
    --fs-3-alt: 1.25rem;

    --fs-4: 1.25rem;
    --fs-4-alt: 1rem;

    --fs-5: 0.875rem;
    --fs-5-alt: 1rem;

    --fs-6: 0.875rem;
  }
}