/*
 * RadarCasa — Design Tokens
 * Fonte di verità per colori, tipografia, spaziature e ombre.
 * Importato da index.html. Non aggiungere stili di layout qui.
 *
 * Ultima revisione: 2026-07-03
 */

:root {
  /* ── Colori principali ────────────────────────────── */
  --color-primary:        #1a2e4a;   /* Navy scuro — navbar, header form, testi importanti */
  --color-primary-dark:   #142340;   /* Navy più scuro — hover stati */
  --color-primary-light:  #253d5e;   /* Navy medio — sfondi hero, varianti */
  --color-secondary:      #2d4a6e;   /* Navy intermedio — uso secondario */

  /* ── Accent ───────────────────────────────────────── */
  --color-accent:         #c9a84c;   /* Oro — CTA, evidenze, badge */
  --color-accent-light:   #e8c87a;   /* Oro chiaro — hover CTA */
  --color-accent-dark:    #a8873a;   /* Oro scuro — testi su sfondo chiaro */

  /* ── Superfici e sfondi ───────────────────────────── */
  --color-bg:             #f7f8fa;   /* Grigio panna — sfondo pagina e card secondarie */
  --color-surface:        #ffffff;   /* Bianco — card, form, modal */

  /* ── Testo ────────────────────────────────────────── */
  --color-text:           #222831;   /* Testo principale */
  --color-text-muted:     #6b7280;   /* Testo secondario, hint, label */
  --color-text-inverted:  #ffffff;   /* Testo su sfondo scuro */

  /* ── Bordi ────────────────────────────────────────── */
  --color-border:         #d1d5db;   /* Bordi neutri */
  --color-border-focus:   #1a2e4a;   /* Bordo in focus */

  /* ── Feedback ─────────────────────────────────────── */
  --color-success:        #25d366;   /* Verde WhatsApp */
  --color-success-dark:   #1fb958;
  --color-danger:         #dc2626;   /* Errori validazione */
  --color-warning:        #f59e0b;

  /* ── Tipografia ───────────────────────────────────── */
  --font-main: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* ── Bordi arrotondati ────────────────────────────── */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-full: 999px;

  /* ── Ombre ────────────────────────────────────────── */
  --shadow-xs:  0 1px 4px rgba(26,46,74,0.06);
  --shadow-sm:  0 2px 8px rgba(26,46,74,0.08);
  --shadow-md:  0 4px 24px rgba(26,46,74,0.10);
  --shadow-lg:  0 8px 40px rgba(26,46,74,0.14);

  /* ── Transizioni ──────────────────────────────────── */
  --transition-fast:   0.12s ease;
  --transition-base:   0.18s ease;
  --transition-slow:   0.3s ease;

  /* ── Spaziature layout ────────────────────────────── */
  --max-w-form:   640px;
  --max-w-content: 900px;
  --section-py:   80px;
}