/**
 * Jetons de design — champs de formulaire (app PWA + site « remplir »).
 * Même rendu partout dès que possible : rayons, rembourrages, focus or, échelle, grilles.
 */
:root {
  --fr-field-radius: 12px;
  --fr-field-pad-y: 12px;
  --fr-field-pad-x: 12px;
  --fr-field-font-size: 1rem;
  --fr-field-border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
  --fr-field-bg: rgba(255, 255, 255, 0.85);
  --fr-field-focus-border: rgba(201, 162, 39, 0.75);
  --fr-field-focus-shadow: 0 0 0 3px rgba(201, 162, 39, 0.18);
  --fr-textarea-min-height: 96px;
  --fr-label-font-size: 0.92rem;
  --fr-label-font-weight: 700;
  --fr-sublabel-font-size: 0.82rem;
  --fr-opt-radius: 12px;
  --fr-opt-padding: 10px 12px;
  --fr-opt-gap: 8px;
  --fr-opt-bg: rgba(255, 255, 255, 0.75);
  --fr-fill-row-gap: 16px;
  --fr-fill-col-gap: min(20px, 4.5vw);
  --fr-scale-wrap-max: min(100%, 26rem);
  --fr-scale-grid-cols: 5;
  --fr-scale-gap: 8px;
  --fr-scale-btn-radius: 12px;
  --fr-scale-face-min-h: 2.75rem;
  --fr-scale-legend-size: 0.78rem;
  --fr-file-zone-radius: 12px;
  --fr-file-zone-pad: 22px 16px;
  --fr-file-zone-border: 2px dashed rgba(201, 162, 39, 0.45);
  --fr-file-zone-bg: rgba(201, 162, 39, 0.06);
}