/* Généré par design-system/construire.py depuis design-system/jetons.json — ne pas éditer. */
:root {
  /* couleurs (palette Blocksy en premier, la charte en repli) */
  --wpa-nuit: var(--theme-palette-color-1, #2a1850);
  --wpa-encre: var(--theme-palette-color-3, #1b1530);
  --wpa-texte-second: var(--theme-palette-color-4, #3b3552);
  --wpa-texte-discret: #5f5878;
  --wpa-violet: var(--theme-palette-color-2, #8b74d6);
  --wpa-violet-clair: #c9bdf0;
  --wpa-violet-pale: var(--theme-palette-color-6, #efeafb);
  --wpa-trait: var(--theme-palette-color-5, #e6e4ee);
  --wpa-fond: var(--theme-palette-color-7, #fafaf7);
  --wpa-surface: var(--theme-palette-color-8, #ffffff);
  --wpa-orange: #ffab26;
  --wpa-lien: #1d5fd1;
  --wpa-code-texte: #d9d3ef;
  --wpa-etat-succes: #1d6b3f;
  --wpa-etat-succes-fond: #e7f4ea;
  --wpa-etat-succes-trait: #9ccfae;
  --wpa-etat-attention: #7a4a00;
  --wpa-etat-attention-fond: #fff3d6;
  --wpa-etat-attention-trait: #efc36a;
  --wpa-etat-erreur: #a4262c;
  --wpa-etat-erreur-fond: #fcebeb;
  --wpa-etat-erreur-trait: #eea5a8;
  --wpa-etat-info: #1f4f99;
  --wpa-etat-info-fond: #e9f0fb;
  --wpa-etat-info-trait: #a8c2ec;
  --wpa-etat-neutre: #4b4760;
  --wpa-etat-neutre-fond: #f0eff4;
  --wpa-etat-neutre-trait: #d6d4df;
  --wpa-niveau-vert: #2f8a5b;
  --wpa-niveau-bleu: #2563c9;
  --wpa-niveau-rouge: #d23b3b;
  --wpa-niveau-noir: #1b1530;
  /* interface WordPress reproduite (mises en scène) */
  --wpa-wp-encre: #1e1e1e;
  --wpa-wp-accent: #3858e9;
  --wpa-wp-survol: #eeebfc;
  --wpa-wp-discret: #757575;
  --wpa-wp-trait: #e0e0e0;
  --wpa-wp-champ: #f0f0f0;
  /* polices (famille servie par Blocksy, puis la pile de la charte) */
  --wpa-police-titre: ct_font_schibsted__grotesk, "Schibsted Grotesk", system-ui, sans-serif;
  --wpa-police-texte: ct_font_atkinson__hyperlegible__next, "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --wpa-police-mono: ct_font_w_p_a__mono, "WPA Mono", "IBM Plex Mono", ui-monospace, monospace;
  /* tailles (fluides entre 390 et 1440 px) */
  --wpa-taille-xs: 0.75rem;
  --wpa-taille-s: 0.875rem;
  --wpa-taille-m: clamp(1rem, 0.9768rem + 0.0952vw, 1.0625rem);
  --wpa-taille-l: clamp(1.125rem, 1.0786rem + 0.1905vw, 1.25rem);
  --wpa-taille-xl: clamp(1.375rem, 1.2357rem + 0.5714vw, 1.75rem);
  --wpa-taille-2xl: clamp(1.75rem, 1.5086rem + 0.9905vw, 2.4rem);
  --wpa-taille-3xl: clamp(1.9rem, 1.4543rem + 1.8286vw, 3.1rem);
  /* interlignes */
  --wpa-interligne-serre: 1.05;
  --wpa-interligne-titre: 1.15;
  --wpa-interligne-texte: 1.6;
  /* espacements */
  --wpa-espace-10: 0.25rem;
  --wpa-espace-20: 0.5rem;
  --wpa-espace-30: 0.75rem;
  --wpa-espace-40: 1rem;
  --wpa-espace-50: 1.5rem;
  --wpa-espace-60: 2rem;
  --wpa-espace-70: clamp(2rem, 5vw, 3rem);
  --wpa-espace-80: clamp(2.5rem, 7vw, 4rem);
  --wpa-espace-90: clamp(3rem, 10vw, 6rem);
  /* rayons */
  --wpa-rayon-etiquette: 4px;
  --wpa-rayon-bouton: 6px;
  --wpa-rayon-carte: 8px;
  --wpa-rayon-scene: 12px;
  --wpa-rayon-interrupteur: 999px;
  /* ombres */
  --wpa-ombre-carte: 0 10px 24px -14px rgb(42 24 80 / 0.30), 0 0 0 1px rgb(42 24 80 / 0.06);
  --wpa-ombre-flottant: 0 18px 40px -14px rgb(42 24 80 / 0.40), 0 0 0 1px rgb(42 24 80 / 0.10);
  --wpa-ombre-cadre: 0 30px 60px -20px rgb(42 24 80 / 0.35), 0 0 0 1px rgb(42 24 80 / 0.08);
  /* mouvement */
  --wpa-duree-courte: 150ms;
  --wpa-duree-moyenne: 300ms;
  --wpa-duree-longue: 600ms;
  --wpa-cycle-heros: 12s;
  --wpa-courbe-geste: cubic-bezier(.45, 0, .25, 1);
  --wpa-courbe-bascule: cubic-bezier(.6, 0, .3, 1);
  --wpa-courbe-sortie: cubic-bezier(.2, .7, .3, 1);
  /* largeurs */
  --wpa-largeur-texte: 68ch;
  --wpa-largeur-contenu: 1200px;
  --wpa-largeur-large: 1440px;
  --wpa-largeur-gouttiere: 16px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --wpa-duree-courte: 0ms; --wpa-duree-moyenne: 0ms; --wpa-duree-longue: 0ms; }
}