/*
 * Charte serrurier-gard : surcharge les rampes primary/accent du parent
 * (galaxyy-trixie/assets/css/tokens/colors.css), rien d'autre. Polices : celles du parent.
 *
 * Proposée sans le graphiste (2026-10-05) : bleu nuit pour la confiance (primary, teinte 260),
 * orange pour l'urgence (accent, teinte 45-60), dérivés en OKLCH à teinte quasi constante.
 * Contraste vérifié (AA) : blanc sur primary-600 7,9:1 ; en sombre, neutral-950 sur primary-500
 * (bouton primaire) 4,9:1 ; blanc sur accent-600 4,6:1.
 *
 * Une nouvelle police s'auto-héberge dans assets/fonts/ ; ses @font-face se génèrent en PHP avec des
 * URL absolues (modèle : galaxyy_trixie_font_face_css() du parent), pas ici : le CSS injecté dans le
 * canevas de l'éditeur n'a pas de base relative.
 */
:root {
  /* Primary — Bleu nuit */
  --color-primary-50: oklch(97.5% 0.012 255);
  --color-primary-100: oklch(94% 0.025 255);
  --color-primary-200: oklch(88% 0.045 256);
  --color-primary-300: oklch(79% 0.070 257);
  --color-primary-400: oklch(67% 0.100 258);
  --color-primary-500: oklch(59% 0.115 259);
  --color-primary-600: oklch(44% 0.115 260);
  --color-primary-700: oklch(37% 0.100 261);
  --color-primary-800: oklch(30% 0.080 262);
  --color-primary-900: oklch(24% 0.060 263);
  --color-primary-950: oklch(17% 0.042 264);

  /* Accent — Orange urgence, à doser */
  --color-accent-50: oklch(97.5% 0.013 60);
  --color-accent-100: oklch(94% 0.030 58);
  --color-accent-200: oklch(88% 0.075 56);
  --color-accent-300: oklch(81% 0.110 54);
  --color-accent-400: oklch(74% 0.145 52);
  --color-accent-500: oklch(68% 0.170 48);
  --color-accent-600: oklch(58% 0.165 45);
  --color-accent-700: oklch(49% 0.140 43);
  --color-accent-800: oklch(40% 0.110 42);
  --color-accent-900: oklch(31% 0.080 42);
  --color-accent-950: oklch(22% 0.055 42);
}

/*
 * Images arrondies (choix du client, 2026-10-05 : les angles vifs faisaient « trop carré »).
 * Rayons du design system : xl pour les grandes images (haut de page, texte et image, contenu),
 * md pour l'image placée dans le padding d'une carte (plus petite que le rayon lg de la carte).
 * Les images des cartes d'article sont collées au bord : la carte (overflow hidden) les arrondit déjà.
 */
.hero-1__media img,
.text-image-1__media img,
.wp-block-image img {
  border-radius: var(--radius-xl);
}

.cards-1__item-media img {
  border-radius: var(--radius-md);
}