/* ============================================
   VARIABLES — design tokens
   Sistema visivo ECOSYST-AI (brand board approvato).
   Cambia qui colori, font, spaziature: si propaga
   automaticamente a tutto il sito.
   ============================================ */

:root {
  /* ---- Palette brand approvata ----
     Graphite Charcoal / Warm Ivory / Muted Gold / Slate Blue / Stone Neutral */
  --graphite: #1f1f1e;
  --ivory: #f8f5ed;
  --gold: #c9a962;
  --slate: #415a77;
  --stone: #dad7cf;

  /* ---- Colore applicato ---- */
  --color-bg: #15161a;           /* sfondo sezioni scure (graphite approfondito) */
  --color-bg-graphite: var(--graphite);
  --color-surface: var(--ivory);      /* superficie chiara principale (NON bianco puro) */
  --color-surface-alt: var(--stone);  /* superficie chiara alternata */
  --color-surface-dark: #242620;      /* card su sfondo scuro */

  --color-text: var(--graphite);      /* testo su sfondo chiaro */
  --color-text-inverse: var(--ivory); /* testo su sfondo scuro */
  --color-muted: #5c5b55;             /* testo secondario su chiaro */
  --color-muted-inverse: #b9b6ab;     /* testo secondario su scuro */

  --color-border: rgba(31, 31, 30, 0.14);   /* bordi su chiaro */
  --color-border-dark: rgba(248, 245, 237, 0.14); /* bordi su scuro */

  --color-accent: var(--gold);        /* accento nobile — oro opaco */
  --color-accent-strong: #a8853f;
  --color-accent-soft: rgba(201, 169, 98, 0.12);
  --color-secondary: var(--slate);    /* supporto tecnico/istituzionale */
  --color-secondary-soft: rgba(65, 90, 119, 0.12);

  /* ---- Tipografia ----
     Font ufficiale unico del sito: Montserrat (pesi 300/400/500 soltanto).
     --font-display e --font-main puntano entrambe a Montserrat: la distinzione
     tra titoli e testo è data dal peso (300 per headline/h2/h3, 400 per il
     corpo, 500 per menu/CTA/label), non da famiglie diverse.
     Il logo NON usa questo font: è un'immagine (vedi images/brand/). */
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-main: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.3rem;
  --fs-lg: 1.75rem;
  --fs-xl: 2.5rem;
  --fs-2xl: 3.4rem;
  --fs-3xl: 4.2rem;

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-normal: 1.65;

  /* ---- Tracking (uso ricorrente nel board: maiuscole molto spaziate) ---- */
  --tracking-wide: 0.08em;
  --tracking-wider: 0.16em;

  /* ---- Spaziature ---- */
  --space-2xs: 0.375rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.5rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;

  /* ---- Layout ---- */
  --container: 1200px;
  --container-narrow: 760px;
  --gutter: 1.5rem;

  /* ---- Forma ---- */
  --radius-sm: 4px;
  --radius-md: 2px;
  --radius-lg: 2px;

  /* ---- Profondità ---- */
  --shadow-sm: 0 1px 2px rgba(31, 31, 30, 0.06);
  --shadow-md: 0 14px 32px rgba(31, 31, 30, 0.10);
  --shadow-lg: 0 28px 64px rgba(31, 31, 30, 0.16);

  /* ---- Movimento ---- */
  --transition-fast: 150ms ease;
  --transition-base: 280ms ease;
  --transition-slow: 500ms cubic-bezier(0.22, 1, 0.36, 1);

  /* ---- Z-index ---- */
  --z-header: 100;
  --z-overlay: 200;
}