/* tokens.css — variabili di design. NON modificare valori letterali qui senza aggiornare STYLEGUIDE.md §2 */

:root {
  /* Colori */
  --color-bg-dark: #111;
  --color-bg-dark-2: #1a1a1a;
  --color-bg-light: #fff;
  --color-bg-alt: #faf8f5;
  --color-gold: #c8a96a;

  --color-text: #111;
  --color-text-muted: #666;
  --color-text-on-dark: #fff;
  --color-text-on-dark-muted: rgba(255, 255, 255, 0.6);
  --color-text-on-dark-subtle: rgba(255, 255, 255, 0.3);
  --color-text-on-dark-faint: rgba(255, 255, 255, 0.5);

  --color-border-subtle: #ddd;
  --color-border-dark: #222;

  /* Tipografia */
  --font-heading: 'Playfair Display', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-h1: 48px;
  --fs-h1-mobile: 28px;
  --fs-h2: 32px;
  --fs-h2-mobile: 24px;
  --fs-h3: 22px;
  --fs-body: 18px;
  --fs-body-mobile: 16px;
  --fs-small: 14px;
  --fs-xsmall: 12px;

  --lh-body: 1.7;
  --lh-heading: 1.3;

  --ls-wide: 2px;
  --ls-xwide: 4px;

  /* Layout */
  --container-max: 1100px;
  --content-max: 700px;

  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 30px;

  --shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.2);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.1);

  --space-section: 60px 20px;
}