:root {
  --brand-bg: #c6ede3;            /* haut de page */
  --brand-primary: #0033a0;       /* bleu */
  --brand-primary-contrast: #ffffff;

  --surface-2: #c6ede3;           /* fond global */
  --surface: #ffffff;

  --text: #111827;
  --muted: #6B7280;
  --border: #E5E7EB;

  --danger: #E11D48;

  --qr-dots: #111827;
  --qr-bg: #ffffff;

  --radius: 14px;
  --shadow: 0 6px 24px rgba(0,0,0,.08);
  --focus: 0 0 0 3px rgba(0,51,160,.25);
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand-bg: #c6ede3;
    --surface-2: #c6ede3;
    --surface: #ffffff;
    --text: #111827;
    --muted: #6B7280;
    --border: #E5E7EB;
    --qr-bg: #ffffff;
  }
}