/*
 * Skin PRO - Tokens
 * Confiance, institutionnel. Bleu et gris, propre et rassurant.
 * Les couleurs primary / accent / ink viennent de la config (variables injectees
 * dans le head). Ce fichier definit le reste de l'echelle visuelle du skin.
 */

:root {
  /* Couleurs de structure propres au skin pro (les accents viennent de la config) */
  --wpm-bg: #ffffff;
  --wpm-bg-alt: #f4f7fb;
  --wpm-surface: #ffffff;
  --wpm-border: #e2e8f1;
  --wpm-muted: #5b6b7d;

  /* Derives lisibles si la config ne fournit pas tout */
  --wpm-primary: var(--wpm-primary, #1f4fa3);
  --wpm-accent: var(--wpm-accent, #2f80ed);
  --wpm-ink: var(--wpm-ink, #15202b);
  --wpm-font: var(--wpm-font, 'Inter', system-ui, sans-serif);

  /* Echelle d'espacement */
  --wpm-gap: 1rem;
  --wpm-section-y: 5rem;
  --wpm-radius: 12px;
  --wpm-radius-sm: 8px;

  /* Ombres discretes (skin sobre) */
  --wpm-ombre: 0 1px 2px rgba(21, 32, 43, 0.06), 0 8px 24px rgba(21, 32, 43, 0.06);
  --wpm-ombre-sm: 0 1px 2px rgba(21, 32, 43, 0.08);

  /* Largeur de contenu */
  --wpm-largeur: 1120px;
}