/* Diplon (§2.3): slate header and bordeaux accent, taken from the Diplon screens (bar #768b96, alerts #953d55).
   The header is a darker slate than the Diplon bar, so the white title and subtitle stay readable (≥ 4.5:1). */
:root {
  --accent: #953d55;
  --accent-text: #953d55;
  --accent-hover: #7c3046;
  --accent-soft: #f3e4e9;
  --accent-select: #f9f0f3;
  --bg-page: #f3f5f6;

  --header-from: #5f7480;
  --header-to: #566a75;
  --header-subtitle: #e3e9ec;
  --glow-strong: #e3e9ec;
  --glow-soft: #eef2f4;
  --messages-bg: #f8f9fa;
  --shadow-tint: 40, 60, 70;
}