:root {
  --primary: #046881; --on-primary: #ffffff; --primary-hover: #045c72;
  --primary-soft: #e1edf0; --primary-text: #046881; --primary-rgb: 4,104,129;
}
:root[data-theme="dark"] { --primary-soft: #0e262f; --primary-text: #4891a3; }
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] { --primary-soft: #0e262f; --primary-text: #4891a3; }
}