/* Colour and type themes, shared by the card (/) and the consulting site (/cyber).
   The default is "control-room". Others are applied with <html data-theme="...">. */

/* Signal: the ISD logo, lime on black. */
html[data-theme="signal"] {
  --bg: #ffffff;
  --surface: #f1f2ec;
  --surface-2: #e4e6dc;
  --surface-3: #d8dccb;
  --ink: #111111;
  --muted: #5d6258;
  --accent: #a4c639;
  --accent-strong: #8fb021;
  --accent-ink: #111111;
  --dark: #111111;
  --dark-2: #1c1c1c;
  --dark-hover: #2a2a2a;
  --dark-ink: #ffffff;
  --alarm: #d4483b;
  --font: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

/* Control room (default): a SCADA operator screen at night, amber for the alarm that matters. */
:root,
[data-theme="control-room"] {
  --bg: #0d1117;
  --surface: #151b23;
  --surface-2: #1d2530;
  --surface-3: #27313d;
  --ink: #e8edf2;
  --muted: #95a1af;
  --accent: #ffb020;
  --accent-strong: #ffc24d;
  --accent-ink: #0d1117;
  --dark: #06090c;
  --dark-2: #0e1319;
  --dark-hover: #18202a;
  --dark-ink: #e8edf2;
  --alarm: #ff5d5d;
  --font: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  color-scheme: dark;
}

/* Blueprint: the engineering drawing, navy line on pale paper, cyan for what is live. */
html[data-theme="blueprint"] {
  --bg: #f5f8fc;
  --surface: #e6eef8;
  --surface-2: #d3e1f1;
  --surface-3: #bed1ea;
  --ink: #0a2342;
  --muted: #4b6584;
  --accent: #35c6ff;
  --accent-strong: #6bd6ff;
  --accent-ink: #0a2342;
  --dark: #0a2342;
  --dark-2: #0f2c52;
  --dark-hover: #163866;
  --dark-ink: #f5f8fc;
  --alarm: #e5484d;
  --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

/* Safety: the plant floor, black and white with safety orange where you must look. */
html[data-theme="safety"] {
  --bg: #ffffff;
  --surface: #f2f2f0;
  --surface-2: #e4e4e0;
  --surface-3: #d6d6d0;
  --ink: #121212;
  --muted: #5a5a55;
  --accent: #ff5a1f;
  --accent-strong: #ff7a45;
  --accent-ink: #121212;
  --dark: #121212;
  --dark-2: #1d1d1d;
  --dark-hover: #2a2a2a;
  --dark-ink: #ffffff;
  --alarm: #c8102e;
  --font: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}