/* Hallmark · genre: editorial · macrostructure: Map / Diagram · hero: H2 Split diptych (ratio 5/7 · right=photo slider · divider=negative space)
 * nav: N6 masthead (issue line above · wordmark xl · rule single) · footer: Ft1 mast-headed (wordmark xl · tagline roman · links inline)
 * theme: custom · vibe: "calce calda, blu salesiano, quiete e mare" · paper: oklch(97% 0.012 85) · accent: oklch(42% 0.15 266)
 * display: Fraunces (roman, SOFT 100) · body: Geist · axes: light / roman-serif / cool
 * studied: no · context: user-provided (pubblico misto · richiesta di prenotazione · tono soft · accento dal blu del logo)
 */
:root {
  /* Carta: calce calda, due elevazioni */
  --color-paper:    oklch(97% 0.012 85);
  --color-paper-2:  oklch(94.5% 0.016 84);
  --color-paper-3:  oklch(91% 0.02 82);

  /* Inchiostro: tinto verso il blu del marchio */
  --color-ink:      oklch(21% 0.016 266);
  --color-ink-2:    oklch(36% 0.016 266);
  --color-muted:    oklch(47% 0.014 266);

  /* Filetti */
  --color-rule:     oklch(84% 0.016 84);
  --color-rule-2:   oklch(90% 0.014 84);

  /* Accento: il blu del logo Accoglienza FMA */
  --color-accent:      oklch(42% 0.15 266);
  --color-accent-deep: oklch(33% 0.12 266);
  --color-accent-tint: oklch(93% 0.028 266);
  --color-accent-ink:  oklch(97% 0.012 85);
  --color-focus:       oklch(50% 0.2 266);

  /* Superficie notte (banda citazione, didascalie su foto) */
  --color-night:    oklch(24% 0.04 266);
  --color-night-2:  oklch(30% 0.045 266);
  --color-on-night: oklch(95% 0.012 85);
  --color-on-night-2: oklch(82% 0.02 85);
  --color-scrim-strong: oklch(16% 0.03 266 / 0.86);
  --color-scrim:    oklch(18% 0.03 266 / 0.6);
  --color-scrim-0:  oklch(18% 0.03 266 / 0);

  /* Stati */
  --color-success:  oklch(48% 0.11 155);
  --color-success-tint: oklch(94% 0.03 155);
  --color-error:    oklch(50% 0.17 28);
  --color-error-tint: oklch(95% 0.03 28);

  /* Tipografia */
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body: "Geist", ui-sans-serif, "Segoe UI", sans-serif;

  --text-xs:   0.8125rem;  /* 13px — solo metadati */
  --text-sm:   0.9375rem;  /* 15px */
  --text-base: 1.0625rem;  /* 17px */
  --text-md:   1.3125rem;  /* 21px */
  --text-lg:   clamp(1.5rem, 1.1rem + 1.2vw, 2rem);
  --text-xl:   clamp(1.9rem, 1.2rem + 2.2vw, 2.9rem);
  --text-display: clamp(2.6rem, 1.4rem + 4.4vw, 5rem);

  /* Spazi (4pt) */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --gutter: clamp(1rem, 4vw, 2.5rem);
  --measure: 65ch;
  --page-max: 88rem;

  /* Raggi, filetti */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-rule);
  --rule-2: 1px solid var(--color-rule-2);

  /* Movimento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  /* Profondità */
  --shadow-whisper: 0 10px 30px -12px oklch(21% 0.016 266 / 0.22);

  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
}