/* Fortibyte: token di direzione (bozza del 22/10/2026).
   Struttura, scala e ritmo presi dalle misure di apple.com/it; colori, famiglie
   e voce presi dalle misure di fortibyte.it. Ogni riga dice da dove viene il valore:
   [A] misurato su apple.com/it, [F] misurato su fortibyte.it, [D] decisione di direzione. */
:root {
  /* Famiglie: tre di fortibyte.it [F]; i ruoli cambiano [D] */
  --font-display: Fraunces, Georgia, "Times New Roman", serif;       /* solo display e h1 */
  --font-text: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;  /* solo etichette e dati */

  /* Scala tipografica: dimensioni e interlinee di apple.com/it [A], tra 390 e 1440 px */
  --type-display-size: clamp(2rem, 1.4429rem + 2.29vw, 3.5rem);     /* 32 -> 56 */
  --type-display-line-height: 1.07;
  --type-display-weight: 500;                                        /* [D] Fraunces regge 500, 600 appesantisce */
  --type-display-tracking: -0.015em;                                 /* [D] serif: stretta, non come SF */
  --type-h1-size: clamp(1.75rem, 1.2857rem + 1.9vw, 3rem);           /* 28 -> 48 */
  --type-h1-line-height: 1.08;
  --type-h1-weight: 500;
  --type-h2-size: clamp(1.75rem, 1.4714rem + 1.14vw, 2.5rem);           /* 28 -> 40, testo Inter */
  --type-h2-line-height: 1.1;
  --type-h2-weight: 600;
  --type-h2-tracking: -0.01em;
  --type-h3-size: clamp(1.375rem, 1.1429rem + 0.95vw, 2rem);         /* 22 -> 32 */
  --type-h3-line-height: 1.13;
  --type-h3-weight: 600;
  --type-lead-size: clamp(1.0625rem, 0.9696rem + 0.38vw, 1.3125rem); /* 17 -> 21 */
  --type-lead-line-height: 1.38;
  --type-lead-weight: 400;
  --type-title-size: clamp(3rem, 2.2571rem + 3.05vw, 5rem);           /* 48 -> 80: titolo delle pagine categoria, 80 px su iPhone, iPad e Mac [A]; 48 su mobile [D] */
  --type-body-size: 1.0625rem;                                       /* 17 [A]; oggi 14 [F] */
  --type-body-line-height: 1.47;                                     /* [A]; oggi 1.62 [F] */
  --type-body-weight: 400;
  --type-small-size: 0.75rem;                                        /* 12 [A] */
  --type-small-line-height: 1.33;
  --type-label-size: 0.6875rem;                                      /* 11, mono [F] */
  --type-label-tracking: 0.08em;

  /* Colori: palette di fortibyte.it [F], ruoli riordinati sul modello chiaro/scuro di apple.com/it [A] */
  --color-background: #ffffff;        /* oklch(100% 0 0) */
  --color-surface: #f4f5f2;           /* oklch(96.9% 0.004 121.6) [F], come #f5f5f7 [A] */
  --color-surface-alt: #e9ece6;       /* oklch(93.9% 0.009 128.6) [F] */
  --color-surface-inverse: #101921;   /* oklch(20.9% 0.021 245.8) [F] inchiostro; bande scure [D] */
  --color-text: #101921;              /* titoli, 16.2:1 su surface */
  --color-text-body: #3a4651;         /* oklch(38.8% 0.024 246.1) [F], 9.66:1 su bianco */
  --color-text-muted: #5e6975;        /* [F], 5.11:1 su surface */
  --color-text-inverse: #f4f5f2;      /* 16.2:1 su inverse */
  --color-text-inverse-muted: #9aa4ad;/* [D] 7.01:1 su inverse */
  --color-action: #8f6020;            /* bronzo [F], 5.44:1 con testo bianco */
  --color-on-action: #ffffff;
  --color-action-inverse: #d9a35c;    /* [D] bronzo chiaro per i fondi scuri, 7.9:1 */
  --color-on-action-inverse: #101921;
  --color-accent: #0c7064;            /* verde petrolio [F], 5.97:1 su bianco */
  --color-accent-inverse: #5cc8b8;    /* [D] 8.8:1 su inverse */
  --color-border: #d9ddd5;            /* [D] bordo neutro su base salvia */

  /* Spaziatura: scala su base 4 [D]; apple.com/it misura base 2 [A], fortibyte.it base 2 [F] */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 28px; --space-7: 32px; --space-8: 48px; --space-9: 64px; --space-10: 96px; --space-11: 140px;
  --section-pad: clamp(64px, 10vw, 140px);                           /* bande alte come [A] */

  /* Layout [A] */
  --layout-container: 1260px;         /* griglia delle tessere, 1260 [A]; oggi 1180 [F] */
  --layout-text: 980px;               /* colonna di testo, 980 [A] */
  --layout-columns: 2;
  --layout-gutter: 20px;              /* [A] */
  --bp-1: 735px; --bp-2: 834px; --bp-3: 1069px; --bp-4: 1441px;      /* [A] */

  /* Raggi [A] */
  --radius-pill: 980px;
  --radius-card: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;

  /* Bottoni: forma [A], colore [F] */
  --button-height: 44px;
  --button-pad-y: 11px;
  --button-pad-x: 21px;
  --button-font-size: 1.0625rem;
  --button-weight: 500;
  --button-radius: var(--radius-pill);
  --button-sm-height: 36px;
  --button-sm-pad-y: 8px;
  --button-sm-pad-x: 15px;
  --button-sm-font-size: 0.875rem;

  /* Card e tessere */
  --card-bg: var(--color-background);
  --card-bg-inverse: #1b2630;         /* [D] un passo sopra l'inchiostro, come #242426 su #000 [A] */
  --card-radius: var(--radius-card);
  --card-pad: 32px;                   /* [A] */

  /* Navigazione: altezza e materiale [A]; oggi 73 px [F] */
  --nav-height: 52px;
  --nav-bg: rgba(244, 245, 242, 0.8);
  --nav-backdrop: saturate(1.8) blur(20px);
  --nav-link-size: 0.8125rem;         /* 13 px */
  --localnav-height: 48px;            /* --r-localnav-height dichiarato su apple.com/it [A] */

  /* Movimento: stessa curva su entrambi i siti [A][F] */
  --motion-ease: cubic-bezier(0.4, 0, 0.6, 1);
  --motion-duration-fast: 0.3s;
  --motion-duration-slow: 0.9s;
}