/* =====================================================
   igienesicurezza.com — Design Tokens
   Brand color derivato dal logo: cyan #0891b2
   ===================================================== */

:root {
  /* --- Brand Cyan (dal logo) --- */
  --brand-50:  #ecfeff;
  --brand-100: #cffafe;
  --brand-200: #a5f3fc;
  --brand-300: #67e8f9;
  --brand-400: #22d3ee;
  --brand-500: #06b6d4;
  --brand-600: #0891b2;   /* PRIMARY — colore logo */
  --brand-700: #0e7490;
  --brand-800: #155e75;
  --brand-900: #164e63;
  --brand-950: #0c2340;   /* navy scuro — headings, nav bg */

  /* --- Grigi Slate --- */
  --gray-50:  #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;

  /* --- Semantici --- */
  --color-primary:      #0891b2;
  --color-primary-dark: #0e7490;
  --color-dark:         #0c2340;
  --color-text:         #1e293b;
  --color-text-muted:   #64748b;
  --color-bg:           #ffffff;
  --color-bg-alt:       #f8fafc;
  --color-border:       #e2e8f0;

  /* --- WhatsApp --- */
  --color-wa:      #16a34a;
  --color-wa-dark: #15803d;

  /* --- Tipografia --- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* --- Transizioni --- */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}