/* ============================================================
   theme.css — Thème du contact-widget
   Surchargez ces variables pour adapter les couleurs du widget
   à votre charte graphique, sans toucher à contact.css.
   ============================================================ */

:root {
  /* ── Couleurs de marque ──────────────────────────────────── */
  --cw-brand-1:        #2563EB;   /* Primaire (bleu landing page) */
  --cw-brand-1-dark:   #1E40AF;   /* Primaire foncé */
  --cw-brand-2:        #22D3EE;   /* Accent (cyan landing page)   */
  --cw-brand-2-hover:  #06B6D4;   /* Accent au survol              */
  --cw-brand-contrast: #ffffff;   /* Texte sur fond de marque      */
  --cw-muted:          #64748B;   /* Texte secondaire              */

  /* ── Fond de section ─────────────────────────────────────── */
  --cw-section-bg:     linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #0e7490 100%);

  /* ── Champs de formulaire (light-glass sur fond coloré) ──── */
  --cw-input-bg:        rgba(255, 255, 255, 0.12);
  --cw-input-bg-focus:  rgba(255, 255, 255, 0.22);
  --cw-input-border:    rgba(255, 255, 255, 0.30);
  --cw-input-color:     #ffffff;
  --cw-input-ph:        rgba(255, 255, 255, 0.55);
  --cw-focus-ring:      rgba(34, 211, 238, 0.35);  /* halo cyan */

  /* ── Rayon de bordure (reprend la landing page) ──────────── */
  --cw-radius:          12px;
}