@font-face {
  font-family: "IBM Plex Sans Variable";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("./ibm-plex-sans.woff2") format("woff2");
}

:root {
  color-scheme: light;
  --umi-font: "IBM Plex Sans Variable", "Segoe UI", sans-serif;
  --umi-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --umi-canvas: #f5f6fa;
  --umi-surface: #ffffff;
  --umi-surface-subtle: #edf1f7;
  --umi-ink: #101828;
  --umi-muted: #536174;
  --umi-line: #c0cad8;
  --umi-brand: #3858e9;
  --umi-reader: #3858e9;
  --umi-reader-action: #243fb8;
  --umi-reader-soft: #e8ecff;
  --umi-tactics: #b83a26;
  --umi-tactics-action: #ad2d1c;
  --umi-tactics-soft: #ffe8e2;
  --umi-analysis: #087d7e;
  --umi-analysis-action: #075f61;
  --umi-analysis-soft: #dff5f1;
  --umi-accent: var(--umi-reader-action);
  --umi-accent-hover: #304cc9;
  --umi-accent-soft: var(--umi-reader-soft);
  --umi-on-accent: #ffffff;
  --umi-focus: #00758b;
  --umi-danger: #ac263b;
  --umi-danger-soft: #fce8ec;
  --umi-success: #176b44;
  --umi-success-soft: #e2f3e9;
  --umi-warning: #835409;
  --umi-warning-soft: #fff0cc;
  --umi-overlay: rgb(16 24 40 / 58%);
  --umi-shadow-sm: 0 6px 18px rgb(26 40 66 / 7%);
  --umi-shadow-lg: 0 16px 42px rgb(26 40 66 / 11%);
}

:root[data-tool="tactics"] {
  --umi-accent: var(--umi-tactics-action);
  --umi-accent-hover: #c03724;
  --umi-accent-soft: var(--umi-tactics-soft);
}

:root[data-tool="analysis"] {
  --umi-accent: var(--umi-analysis-action);
  --umi-accent-hover: #08787a;
  --umi-accent-soft: var(--umi-analysis-soft);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --umi-canvas: #101722;
  --umi-surface: #182231;
  --umi-surface-subtle: #223044;
  --umi-ink: #f1f5f9;
  --umi-muted: #afbbcb;
  --umi-line: #52647c;
  --umi-brand: #a5b2ff;
  --umi-reader: #a5b2ff;
  --umi-reader-action: #a5b2ff;
  --umi-reader-soft: #293454;
  --umi-tactics: #ffb09f;
  --umi-tactics-action: #ffb09f;
  --umi-tactics-soft: #482e2e;
  --umi-analysis: #77d8d1;
  --umi-analysis-action: #77d8d1;
  --umi-analysis-soft: #183d40;
  --umi-accent-hover: #bdc6ff;
  --umi-on-accent: #101722;
  --umi-focus: #7addf0;
  --umi-danger: #ffabba;
  --umi-danger-soft: #472735;
  --umi-success: #8bd7b0;
  --umi-success-soft: #183c32;
  --umi-warning: #f0c779;
  --umi-warning-soft: #423520;
  --umi-overlay: rgb(0 0 0 / 65%);
  --umi-shadow-sm: 0 6px 18px rgb(0 0 0 / 15%);
  --umi-shadow-lg: 0 16px 42px rgb(0 0 0 / 24%);
}

:root[data-theme="dark"][data-tool="tactics"] { --umi-accent-hover: #ffc4b7; }
:root[data-theme="dark"][data-tool="analysis"] { --umi-accent-hover: #98e6e0; }