/* Shared palette for the interface and procedural scenes. */
@font-face {
  font-family: Manrope;
  src: url('../../assets/fonts/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --font-sans: Manrope, sans-serif;
  --canvas: #0e0d0c;
  --surface: #1b1917;
  --surface-sunken: #151312;
  --surface-raised: #221f1d;
  --fg: #f3f1ee;
  --fg-muted: #a09a92;
  --fg-subtle: #939087;
  --border-subtle: #30312b;
  --border-strong: #44453d;
  --ring: #d6d2cc;
  --accent: #d97747;
  --accent-strong: #e68d5f;
  --accent-on: #190c06;
  --accent-soft: #2b1810;
  --accent-border: #55301c;
  --ok-soft: #0e2a1a;
  --ok-border: #1d4c30;
  --ok-fg: #62d295;
  --ok-dot: #4f9d76;
  --warn-soft: #2c2210;
  --warn-border: #543f1a;
  --warn-fg: #e5b45c;
  --warn-dot: #c0954b;
  --danger-soft: #2e1512;
  --danger-border: #582623;
  --danger-fg: #f08c84;
  --danger-dot: #c07d74;
  --info-soft: #131e33;
  --info-border: #24375e;
  --info-fg: #8fb3f0;
  --info-dot: #6f8cc4;
  --busy-soft: #1d1830;
  --busy-border: #342a57;
  --busy-fg: #ad9bf0;
  --busy-dot: #8d7ec4;
}
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans);
}

/* Semantic roles shared by every game screen. See docs/TYPOGRAPHY.md. */
:root {
  --player: var(--accent);
  --rival: var(--busy-fg);
  --map-non-user: #57544f;
  --human: var(--info-fg);
  --action: var(--accent);
  --electricity: var(--warn-fg);
  --success: var(--ok-fg);
  --caution: var(--warn-fg);
  --harm: var(--danger-fg);
  /* Supporting details → compact prose → actions → sections → values → titles. */
  --text-meta: 14px;
  --text-compact: 14px;
  --text-body: 16px;
  --text-section: 16px;
  --text-value: 18px;
  --text-heading: 21px;
  --text-display: 32px;
  /* Hexes never shrink below their drawing size. Map labels scale with their scene. */
  --text-hex-label: 14px;
  --text-diagram-label: 14px;
  --text-diagram-detail: 14px;
  /* Stacking tiers. Any panel that can host a tooltip or popover (one of
     --z-tooltip's users below) must sit at --z-floating-panel or above, so its
     floating content is never trapped under a sibling panel's lower context --
     raising --z-tooltip alone does not help once that happens. */
  --z-floating-panel: 40;
  --z-tooltip: 400;
}

:root {
  --policy-color: var(--player);
}

body.strategy-game:not(.phone-layout) {
  --text-meta:16px;--text-compact:16px;--text-hex-label:16px;
  --text-diagram-label:16px;--text-diagram-detail:16px;
}