/* Design tokens — Studio Acquar
   Fonte: skill brand-studio-acquar. Non modificare senza aggiornare la skill. */

:root {
  /* Colore */
  --c-primary:      #417572;  /* verde, colore identitario */
  --c-primary-soft: #D5E8DF;  /* verde chiaro, fondi di sezione */
  --c-sand:         #F2F0EC;  /* sabbia, fondo caldo alternativo */
  --c-accent:       #9C9258;  /* oro-oliva, secondario */
  --c-text:         rgba(7, 8, 7, 0.9);
  --c-surface:      #FFFFFF;
  --c-border:       rgba(0, 0, 0, 0.15);
  --c-overlay:      rgba(255, 255, 255, 0.2);

  /* Tipografia */
  --f-display: "Ovo", Georgia, "Times New Roman", serif;
  --f-text:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --t-display:  5rem;    /* 80px */
  --t-h1:       3.75rem; /* 60px */
  --t-h2:       3rem;    /* 48px */
  --t-h3:       2.125rem;/* 34px */
  --t-h4:       1.5rem;  /* 24px */
  --t-h5:       1.25rem; /* 20px */
  --t-body:     1rem;    /* 16px */
  --t-small:    0.875rem;/* 14px */
  --t-eyebrow:  0.625rem;/* 10px */

  /* Spaziatura — scala a 8px */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-6: 3rem;
  --s-8: 4rem;
  --s-12: 6rem;

  /* Layout */
  --container: 1280px;
  --gutter: 1.25rem;
}

@media (max-width: 1024px) {
  :root {
    --t-display: 3.75rem; /* 60px */
    --t-h1:      2.25rem; /* 36px */
    --t-h2:      1.875rem;/* 30px */
    --t-h3:      1.5625rem;/* 25px */
    --t-h4:      1.1875rem;/* 19px */
    --t-h5:      1rem;
    --container: 1024px;
  }
}

@media (max-width: 767px) {
  :root { --container: 767px; }
}