/* Meridian Care — colour + elevation tokens (from src/tokens/tokens.json) */
:root {
  --surface: #f6f9f9; /* Page background */
  --surface-raised: #ffffff; /* Cards, header, form panels */
  --surface-sunken: #e8f1f1; /* Alternating bands, input wells */
  --line: #d3e1e2; /* Hairline borders — decorative only */
  --line-strong: #7c969c; /* Input + control borders (3:1) */
  --ink: #0f2a33; /* Headings + body */
  --ink-muted: #4a6570; /* Secondary text, meta */
  --primary: #0b6b6b; /* Brand teal */
  --primary-strong: #084f50; /* Hover/pressed primary; headline accents */
  --primary-soft: #d6eeec; /* Icon wells, selected chips */
  --on-primary: #ffffff;
  --accent: #c2410c; /* EMERGENCY ONLY */
  --accent-soft: #fde8dc; /* Emergency notice background */
  --on-accent: #ffffff;
  --success: #1f7a3d; /* Confirmations, available today */
  --success-soft: #dcf2e3;
  --navy: #12344d; /* Top bar + footer */
  --on-navy: #e8f1f4;
  --focus: #1d6fd8; /* 2px focus ring, 2px offset */
  --shadow-card: 0 1px 2px rgba(15,42,51,0.06), 0 4px 16px rgba(15,42,51,0.06);
  --shadow-lift: 0 8px 28px rgba(15,42,51,0.14);

  /* Semantic aliases */
  --text-body: var(--ink);
  --text-muted: var(--ink-muted);
  --text-link: var(--primary);
  --surface-page: var(--surface);
  --surface-card: var(--surface-raised);
  --surface-band: var(--surface-sunken);
  --border-hairline: var(--line);
  --border-control: var(--line-strong);
  --emergency: var(--accent);
  --emergency-soft: var(--accent-soft);
}

[data-theme="dark"] {
  --surface: #0c1a1f;
  --surface-raised: #13262c;
  --surface-sunken: #0a1417;
  --line: #23404a;
  --line-strong: #5d7e87;
  --ink: #e7f1f2;
  --ink-muted: #9db4ba;
  --primary: #3fb8b0;
  --primary-strong: #7fd6cf;
  --primary-soft: #123a3a;
  --on-primary: #04211f;
  --accent: #f07a45;
  --accent-soft: #3a1d10;
  --on-accent: #1a0a03;
  --success: #4cc47a;
  --success-soft: #123320;
  --navy: #081418;
  --on-navy: #cfe0e4;
  --focus: #7fb2f5;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-lift: 0 8px 28px rgba(0,0,0,0.5);
}