/* ═══════════════════════════════════════════════════════════════
   variables.css — Tokens de design (couleurs, espacements, ombres)
   Importé EN PREMIER par tous les autres fichiers CSS.
   Comprend : palette de marque, tokens sémantiques.
   Thème clair unique (le mode sombre a été retiré).
   ═══════════════════════════════════════════════════════════════ */

.sidra-form-wrapper{
  /* Force le rendu clair des contrôles natifs (inputs, selects, date…) */
  color-scheme: light;

  /* ── Couleurs primaires (identité de marque) ── */
  --emerald:        #1a5c3a;
  --emerald-deep:   #0d3321;
  --emerald-light:  #2d8a5e;
  --emerald-accent: #1a5c3a;
  --gold:           #c9a84c;
  --gold-light:     #e8d59a;

  /* ── Neutres (light) ── */
  --cream:    #faf8f2;
  --sand:     #f0ece2;
  --ink:      #1a1a1a;
  --ink-soft: #4a4a4a;
  --ink-muted:#8a8a8a;
  --white:    #ffffff;

  /* ── États ── */
  --success: #2d8a5e;
  --error:   #c44040;
  --warning: #d4820a;

  /* ── SEMANTIC TOKENS (pilotent le thème) ── */
  --bg:            var(--cream);
  --surface:       var(--white);
  --surface-alt:   var(--sand);
  --surface-muted: rgba(0,0,0,0.02);
  --border:        rgba(0,0,0,0.08);
  --border-soft:   rgba(0,0,0,0.04);
  --border-strong: rgba(0,0,0,0.15);
  --divider:       rgba(0,0,0,0.06);
  --on-emerald:    #ffffff;

  /* ── Tints émeraude (light) ── */
  --emerald-tint-02: rgba(26,92,58,0.02);
  --emerald-tint-03: rgba(26,92,58,0.03);
  --emerald-tint-05: rgba(26,92,58,0.05);
  --emerald-tint-08: rgba(26,92,58,0.08);
  --emerald-tint-10: rgba(26,92,58,0.10);
  --emerald-tint-20: rgba(26,92,58,0.20);
  --emerald-tint-25: rgba(26,92,58,0.25);
  --emerald-tint-30: rgba(26,92,58,0.30);

  /* ── Tints or / statuts (light) ── */
  --gold-tint-06:  rgba(201,168,76,0.06);
  --gold-tint-08:  rgba(201,168,76,0.08);
  --error-tint:    rgba(196,64,64,0.08);
  --success-tint:  rgba(45,138,94,0.05);

  /* ── Overlays blancs (pour surfaces colorées : RIB, etc.) ── */
  --overlay-white-12: rgba(255,255,255,0.12);
  --overlay-white-15: rgba(255,255,255,0.15);
  --overlay-white-20: rgba(255,255,255,0.20);
  --overlay-white-25: rgba(255,255,255,0.25);
  --overlay-white-30: rgba(255,255,255,0.30);

  /* ── Toast ── */
  --toast-bg: var(--ink);
  --toast-fg: var(--white);

  /* ── Géométrie ── */
  --radius:    12px;
  --radius-lg: 20px;

  /* ── Ombres (light) ── */
  --shadow-sm: 0 1px 3px  rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
  --shadow-emerald:         0 4px 16px rgba(26,92,58,0.25);
  --shadow-emerald-strong:  0 6px 24px rgba(26,92,58,0.35);

  /* ── Focus ── */
  --focus-ring: 0 0 0 3px rgba(201,168,76,0.45);

  /* ── Transitions ── */
  --transition-fast:   0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow:   0.5s ease;
}