/* Valeurs communes. La palette reste fixe ; les variables --page-* suivent le thème. */
:root {
  --navy: #0e2c53;
  --ink: #101f36;
  --body: #4c5c73;
  --blue: #153d6d;
  --line: #e3e9f0;
  --wash: #f5f8fb;
  --violet: #5354ff;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --white: #ffffff;
  --muted: #4a5d77;
  --dark-surface: #0b1726;
  --dark-text: #c4d3e7;
  --page-background: var(--white);
  --page-text: var(--navy);
  --content-width: 1290px;
  --radius-card: 10px;
  --radius-button: 12px;
  --section-title-size: clamp(28px, 3vw, 40px);
  --section-title-line-height: 1.18;
  --section-title-weight: 750;
  --button-height: 48px;
  --button-font-size: 14px;
  --button-padding-y: 12px;
  --button-padding-x: 22px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}
html.dark {
  --page-background: var(--dark-surface);
  --page-text: var(--dark-text);
}