/* ==========================================================================
   Axentia — token condivisi (sito, dashboard, booking app, Axentia CMS)
   https://cdn.axentiapartners.com/v1/css/axentia-tokens.css

   Solo variabili, nessun selettore: ogni progetto tiene i suoi componenti e i suoi token di layout
   (es. --max-w del sito, --sidebar-width e la scala --text-* della dashboard).
   Solo tema chiaro: nessun prodotto Axentia ha il tema scuro.

   Font: le pagine li caricano con <link> (non @import, per non metterli in coda a questo file):
     <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap">
   ========================================================================== */

:root {
  /* Inchiostro e grigi: monocromatico, il rosso è l'unico colore */
  --ink: #0A0A0A;
  --ink-soft: #3D3D3D;
  --muted: #666666;
  --subtle: #8A8A8A;
  --faint: #B4B4B4;
  --nav-idle: #707070;
  --border: #E3E3E3;
  --border-light: #EDEDED;
  --border-input: #D9D9D9;
  --surface: #FFFFFF;
  --surface-gray: #F5F5F4;
  --surface-sunken: #EBEBE9;

  /* Rosso Axentia (dal marchio): badge, errori, azioni distruttive; pulsante principale solo nel booking */
  --accent: #FF524F;
  --accent-hover: #E2413E;
  --accent-tint: rgba(255, 82, 79, 0.08);

  /* Stati (pillole tinte, stile iOS) */
  --success: #34C759;
  --success-fg: #22863A;
  --success-tint: rgba(52, 199, 89, 0.1);
  --warning: #FF9F0A;
  --warning-fg: #B45309;
  --warning-tint: rgba(255, 159, 10, 0.1);
  --info-fg: #1D4ED8;
  --info-tint: rgba(59, 130, 246, 0.08);
  --danger-fg: #C0392B;

  /* Caratteri */
  --font-sans: 'General Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --ls-eyebrow: 0.14em;   /* eyebrow: mono 11px, maiuscolo, --subtle */
  --ls-label: 0.1em;      /* etichette dei campi: mono 11px, maiuscolo */

  /* Vetro (card, barre in alto) */
  --glass-bg: rgba(255, 255, 255, 0.5);
  --glass-bg-hover: rgba(255, 255, 255, 0.82);
  --glass-blur: blur(14px);
  --glass-border: 1px solid rgba(10, 10, 10, 0.08);
  --glass-border-hover: rgba(10, 10, 10, 0.16);
  --header-bg: rgba(255, 255, 255, 0.78);
  --header-blur: blur(16px);

  /* Pulsanti: pillola, gradiente d'inchiostro con riflesso interno */
  --btn-gradient: linear-gradient(180deg, #2E2E2E 0%, #0A0A0A 55%);
  --btn-light-gradient: linear-gradient(180deg, #FFFFFF 0%, #E8E8E6 100%);
  --btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 2px rgba(10, 10, 10, 0.2);
  --btn-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 16px rgba(10, 10, 10, 0.25);

  /* Ombre */
  --shadow-card-hover: 0 16px 40px rgba(10, 10, 10, 0.08);
  --shadow-dropdown: 0 12px 32px rgba(10, 10, 10, 0.12);
  --overlay: rgba(10, 10, 10, 0.4);

  /* Raggi */
  --radius-sm: 8px;
  --radius-input: 10px;
  --radius-md: 14px;
  --radius-pill: 999px;

  /* Spaziatura */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Movimento */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
}