/* Soudure MFR — Couleurs
   Base noir & blanc, accents bleu MFR. */
:root {
  /* Palette officielle */
  --mfr-blue: #322AF0;
  --mfr-blue-secondary: #4A6FB6;
  --mfr-black: #000000;
  --mfr-white: #FFFFFF;

  /* Neutres */
  --graphite: #141414;
  --steel-dark: #2B2B2B;
  --steel: #8A8F93;
  --gray-pale: #F5F5F5;

  /* Dérivés (états) */
  --mfr-blue-hover: #241DC7;
  --mfr-blue-pressed: #1B15A3;
  --mfr-blue-tint: #EBEAFE;

  /* Sémantique — surfaces */
  --surface-page: var(--mfr-white);
  --surface-subtle: var(--gray-pale);
  --surface-card: var(--mfr-white);
  --surface-inverse: var(--graphite);
  --surface-inverse-raised: var(--steel-dark);

  /* Sémantique — texte */
  --text-title: var(--mfr-black);
  --text-body: var(--steel-dark);
  --text-muted: var(--steel);
  --text-on-inverse: var(--mfr-white);
  --text-on-inverse-muted: rgba(255, 255, 255, 0.64);
  --text-on-accent: var(--mfr-white);
  --text-link: var(--mfr-blue);

  /* Sémantique — accent */
  --accent: var(--mfr-blue);
  --accent-hover: var(--mfr-blue-hover);
  --accent-pressed: var(--mfr-blue-pressed);
  --accent-tint: var(--mfr-blue-tint);

  /* Bordures */
  --border-default: #E2E2E2;
  --border-strong: var(--mfr-black);
  --border-on-inverse: rgba(255, 255, 255, 0.16);
}