/* ==========================================================================
   Design tokens — estratti dal mockup "Set Safe - Layout__update"
   (palette navy & oro — brand Luxvide).
   ========================================================================== */
:root {
  /* Colori di base */
  --c-sfondo:        #EEF2F8; /* sfondo pagina */
  --c-sfondo-scuro:  #E4E9F1;
  --c-chiaro:        #F4F7FC; /* superfici chiare su navy */
  --c-card:          #FCFDFF; /* superficie card */
  --c-card-alt:      #F6F9FD;

  /* Navy (primario: bottoni, controlli, superfici brand) */
  --c-primario:      #1C4488;
  --c-primario-sc:   #1A2B50;
  --c-primario-ch:   #8DA1C3;

  /* Testo */
  --c-testo:         #0C1E47;
  --c-testo-soft:    #2A3A5C;
  --c-muted:         #4F5A70;
  --c-muted-ch:      #6A7388;
  --c-muted-chiaro:  #98A1B4;

  /* Bordi */
  --c-bordo:         #DCE3EE;
  --c-bordo-ch:      #E4E9F1;
  --c-bordo-sc:      #D3DCE9;
  --c-bordo-card:    #E0E6F0;

  /* Chip / pillole */
  --c-chip-bg:       #E7EDF6;

  /* Stati */
  --c-errore:        #B5453B;
  --c-errore-sc:     #8A3A31;
  --c-errore-bg:     #F8E7E3;
  --c-errore-bordo:  #E9CFC8;
  --c-successo:      #5E7A55;
  --c-successo-ch:   #6E8B6A;
  --c-successo-bg:   #E6EADF;
  /* Oro (accento: link, icone, numeri di sezione) */
  --c-oro:           #B0881C;
  --c-oro-bg:        #EFE6CC;

  /* Tipografia */
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans:  "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, sans-serif;

  /* Raggi */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Spaziature */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Ombre */
  --shadow-sm: 0 1px 3px rgba(10, 22, 55, 0.08);
  --shadow-md: 0 4px 14px -6px rgba(10, 22, 55, 0.2);
  --shadow-lg: 0 18px 40px -22px rgba(10, 22, 55, 0.42);

  /* Layout */
  --container: 1080px;
  --nav-h: 76px;
  --tabbar-h: 64px;
}