/* Lagon clair · importer uniquement dans le périmètre de la démo. */
.pap {
  color-scheme: light;
  --pap-lagoon: #146c74;
  --pap-lagoon-hover: #0f5961;
  --pap-apricot: #f5b48e;
  --pap-water: #eaf6f4;
  --pap-mint: #d3eae4;
  --pap-canvas: #f9fcfb;
  --pap-surface: #ffffff;
  --pap-text: #20383e;
  --pap-muted: #4c6266;
  --pap-border: #d6e6e3;
  --pap-input-border: #829f9a;
  --pap-on-primary: #ffffff;
  --pap-focus: #146c74;
  --pap-success-bg: #e2f1e9;
  --pap-success-text: #245643;
  --pap-warning-bg: #fcf0e5;
  --pap-warning-text: #783e27;
  --pap-error-bg: #faebea;
  --pap-error-text: #8a3736;
  --pap-shadow: 0 18px 36px #183e3c0c;
  --pap-sans: "Nimbus Sans", Arial, sans-serif;
  --pap-serif: "P052", Georgia, serif;
  --pap-radius-control: .65rem;
  --pap-radius-card: 1rem;
  --pap-control-min: 2.75rem;
  --pap-gap-1: .25rem;
  --pap-gap-2: .5rem;
  --pap-gap-3: .75rem;
  --pap-gap-4: 1rem;
  --pap-gap-6: 1.5rem;
  --pap-gap-8: 2rem;
}

.pap[data-pap-theme="sombre"] {
  color-scheme: dark;
  --pap-lagoon: #9adad5;
  --pap-lagoon-hover: #b1e8e3;
  --pap-water: #253e3d;
  --pap-mint: #304c4a;
  --pap-canvas: #182727;
  --pap-surface: #203333;
  --pap-text: #edf8f5;
  --pap-muted: #bed1cf;
  --pap-border: #52706c;
  --pap-input-border: #819c99;
  --pap-on-primary: #163435;
  --pap-focus: #9adad5;
  --pap-success-bg: #29463a;
  --pap-success-text: #b9e7cf;
  --pap-warning-bg: #51382d;
  --pap-warning-text: #ffd3b6;
  --pap-error-bg: #503334;
  --pap-error-text: #ffd1cf;
  --pap-shadow: 0 18px 36px #0003;
}