/* ==========================================================================
   MULTICARE BRAND THEME — the only file you need to edit to match the
   corporate website (www.multicaremedical.co.uk).
   The values below are PLACEHOLDERS (a clinical navy + teal palette) because
   the website could not be reached when this was built. Replace the hex codes
   and the logo at /icons/logo.svg with the official brand assets.
   ========================================================================== */
:root {
  --brand-primary: #0b3b60;        /* main brand colour: header, buttons, links */
  --brand-primary-strong: #072a45; /* hover / pressed */
  --brand-accent: #00a19a;         /* secondary brand colour: highlights, active nav */
  --brand-accent-soft: #e0f4f2;    /* tinted backgrounds */
  --brand-on-primary: #ffffff;     /* text on the primary colour */
  --header-bg: #0b3b60;            /* top bar */
  --header-text: #ffffff;
  --brand-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --brand-heading-font: var(--brand-font);
  --brand-radius: 10px;

  /* Neutrals & status (rarely need changing) */
  --bg: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --border: #dde3ea;
  --text: #17212b;
  --text-muted: #5b6876;
  --ok: #1e7f4f;      --ok-bg: #e3f4ea;
  --warn: #9a5b00;    --warn-bg: #fff3dc;
  --danger: #b42318;  --danger-bg: #fde7e5;
  --info: #175cd3;    --info-bg: #e6efff;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-primary: #5ea9e0;
    --brand-primary-strong: #86c0ea;
    --brand-on-primary: #08131d;
    --header-bg: #0d2233; --header-text: #e7edf3;
    --brand-accent: #3cc7bf;
    --brand-accent-soft: #12322f;
    --bg: #0f151b; --surface: #17202a; --surface-2: #1c2733; --border: #2b3846;
    --text: #e7edf3; --text-muted: #9aa8b6;
    --ok: #6fd39c; --ok-bg: #12301f; --warn: #f2bc5c; --warn-bg: #33270f;
    --danger: #ff8a7f; --danger-bg: #3a1714; --info: #86b3ff; --info-bg: #142540;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4);
  }
}