/* HAND-MAINTAINED — clinical side-badge colours.
   These are fixed clinical colours (red=left, green=right) that must
   survive the Style-Dictionary engine deletion in brick 3.
   --clinical-* vars are intentionally outside the --color-* namespace.
   Values match tokens.css side.* exactly — zero visual change. */

:root {
  --clinical-side-left-fill: #dc3545FF;
  --clinical-side-right-fill: #198754FF;
  --clinical-side-neutral-fill: #e9ecefFF;
  --clinical-side-left-text: #fdfdfdFF;
  --clinical-side-right-text: #fdfdfdFF;
  --clinical-side-neutral-text: #0d6efdFF;
}

[data-theme="dark"] {
  --clinical-side-left-fill: #ff5667FF;
  --clinical-side-right-fill: #2db97eFF;
  --clinical-side-neutral-fill: #23272cFF;
  --clinical-side-left-text: #131517FF;
  --clinical-side-right-text: #131517FF;
  --clinical-side-neutral-text: #4d8effFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --clinical-side-left-fill: #ff5667FF;
    --clinical-side-right-fill: #2db97eFF;
    --clinical-side-neutral-fill: #23272cFF;
    --clinical-side-left-text: #131517FF;
    --clinical-side-right-text: #131517FF;
    --clinical-side-neutral-text: #4d8effFF;
  }
}