/* Theme tokens copied from the FoE GB Planner (GBAnalysis/assets/styles.css). */
:root {
  /* Hydrangea Tide: soft aqua teal, hydrangea blue, and lavender. */
  color-scheme: light;
  --ink: #203f50;
  --muted: #5f7380;
  --paper: #f5f7fa;
  --surface: #ffffff;
  --line: #d9e3ea;
  --input-border: #778fa4;
  --input-surface: #ffffff;
  --input-shadow: 0 1px 2px rgba(32, 63, 80, 0.08), inset 0 1px 2px rgba(32, 63, 80, 0.03);
  --green: #367985;
  --green-strong: #367985;
  --green-soft: #e1f1f4;
  --blue-soft: #e9eef8;
  --subtle: #f4f7fa;
  --table-header: #f0f3f7;
  --warning-ink: #66558d;
  --warning-line: #d1c7e5;
  --tooltip-title: #d8f0f4;
  --gold: #8270b2;
  --gold-soft: #eee8f7;
  --coral: #c76578;
  --violet: #6674b8;
  --blue: #3d8ba3;
  --on-strong: #ffffff;
  --control-background: linear-gradient(115deg, #397d8a 0%, #426493 58%, #6d62a2 112%);
  --tooltip-background: rgba(25, 53, 67, 0.97);
  --page-glow-teal: rgba(153, 208, 218, 0.3);
  --page-glow-violet: rgba(130, 112, 178, 0.2);
  --heading-gradient: linear-gradient(100deg, #428793 4%, #6674b8 70%, #8270b2 100%);
  --shadow: 0 22px 60px rgba(32, 63, 80, 0.11);
  --shadow-soft: 0 2px 5px rgba(32, 63, 80, 0.025), 0 12px 30px rgba(32, 63, 80, 0.035);
  --shadow-control: 0 18px 44px rgba(54, 121, 133, 0.16);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  --panel-inset: 20px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e5eef2;
  --muted: #a6b6c5;
  --paper: #141d29;
  --surface: #1c2937;
  --line: #34475b;
  --input-border: #62859b;
  --input-surface: #142331;
  --input-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  --green: #99d0da;
  --green-strong: #326e7b;
  --green-soft: #253e49;
  --blue-soft: #263448;
  --subtle: #223040;
  --table-header: #253443;
  --warning-ink: #cbbfe6;
  --warning-line: #584f77;
  --tooltip-title: #d8f0f4;
  --gold: #b9a7db;
  --gold-soft: #342d49;
  --coral: #df8794;
  --violet: #9da9e1;
  --blue: #74bdd0;
  --on-strong: #f5ffff;
  --control-background: linear-gradient(115deg, #326e7b 0%, #3c5488 58%, #65538e 112%);
  --tooltip-background: rgba(11, 25, 34, 0.98);
  --page-glow-teal: rgba(105, 174, 190, 0.23);
  --page-glow-violet: rgba(130, 112, 178, 0.2);
  --heading-gradient: linear-gradient(100deg, #99d0da 4%, #9da9e1 70%, #b9a7db 100%);
  --shadow: 0 22px 56px rgba(0, 0, 0, 0.25);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.17);
  --shadow-control: 0 20px 50px rgba(3, 12, 17, 0.28);
}