/* Shared in2HSE visual tokens.
 *
 * The app shell and public landing page intentionally have different surface
 * contrast. The landing aliases keep that distinction explicit while the
 * brand palette and status semantics remain shared and stable.
 */
:root {
  /* Brand primitives */
  --gold: #FBC40A;
  --navy: #103A5E;
  --ink: #18191B;
  --paper: #FBF7F1;

  /* Landing category colours deliberately stay outside status semantics. */
  --category-emergency: #007a4d;
  --category-ppe: #005eb8;
  --category-occupancy: #4d5964;
  --category-sds: #e7ecef;

  /* App danger accent; RAG status tokens below remain distinct. */
  --danger: #C0392B;
}

html[data-theme="dark"] {
  /* App shell */
  --bg: var(--ink);
  --surface: #202226;
  --surface-2: #26292e;
  --line: #34373d;
  --text: #FFFFFF;
  --muted: #a8afb8;
  --link: var(--gold);

  /* RAG/status semantics — do not alias these to category colours. */
  --red-bg: #3a1414;
  --red-border: #8a2f2f;
  --red-text: #ff8a80;
  --amber-bg: #3a2e0a;
  --amber-border: #8a6a1a;
  --amber-text: #ffcf4d;
  --green-bg: #0f2e1a;
  --green-border: #1f6b3f;
  --green-text: #6ee89a;
  --blue-bg: #0f2236;
  --blue-border: #2a5a8a;
  --blue-text: #8ecdff;

  /* Public landing surface aliases preserve its existing contrast. */
  --landing-bg: var(--ink);
  --landing-surface: #202226;
  --landing-line: #3a3e44;
  --landing-text: #fff;
  --landing-accent-text: var(--gold);
  --landing-focus-indicator: var(--gold);
  --landing-muted: #aeb4bc;
  --landing-muted-strong: #d5d9dd;
}

html[data-theme="light"] {
  /* App shell */
  --bg: var(--paper);
  --surface: #FFFFFF;
  --surface-2: #f3efe6;
  --line: #e5e1d8;
  --text: var(--navy);
  --muted: #656d78;
  --link: var(--navy);

  /* RAG/status semantics — do not alias these to category colours. */
  --red-bg: #fdeceb;
  --red-border: #e0a8a0;
  --red-text: #a3241a;
  --amber-bg: #fff6e0;
  --amber-border: #e8c774;
  --amber-text: #8a5a00;
  --green-bg: #e8f6ec;
  --green-border: #9ed4ae;
  --green-text: #1a7340;
  --blue-bg: #e9f2fb;
  --blue-border: #a8cbe8;
  --blue-text: #1a5276;

  /* Public landing surface aliases preserve its existing contrast. */
  --landing-bg: var(--paper);
  --landing-surface: #fff;
  --landing-line: #ded9cf;
  --landing-text: var(--navy);
  --landing-accent-text: #7A5C00;
  --landing-focus-indicator: var(--navy);
  --landing-muted: #66717b;
  --landing-muted-strong: #42505a;
}