/* Catan online — "Night Archipelago" theme (approved design: SPEC "Visual design").
   The styles, loaded in this order by index.html and rules.html:
     tokens.css      colors, fonts, layers (custom properties)
     base.css        the page, typography helpers, animations
     components.css  buttons, inputs, cards, badges, avatars, chips, the top bar, log & chat, dialogs, toasts
     lobby.css       home, "returning to the room", lobby
     game.css        the game screen on desktop (≥ 1024px): board, action bar, sidebar, trade offer
     variants.css    the rule modules («Купцы и варвары»: events, fishermen, rivers / gold, scenario rows)
     phone.css       the phone layout (< 1024px; PHONE_QUERY in js/dom.js), last so it overrides the rest
   Desktop rules that must not reach phones sit in @media (min-width: 1024px). */

:root {
  --ground: #0E1F2B;
  --card: #13293A;
  --card-board: #12293A;
  --row: #183447;
  --row-hover: #1D3D52;
  --chip: #1C3A4F;
  --field: #0F2433;
  --line: rgba(234, 240, 244, 0.08);
  --line-2: rgba(234, 240, 244, 0.14);
  --text: #EAF0F4;
  --text-2: #C3D1DB;
  --muted: #9FB3C2;
  --muted-2: #7F96A6;
  --accent: #F4B740;
  --accent-hover: #FFC85E;
  --accent-ink: #1F1606;
  --accent-soft: rgba(244, 183, 64, 0.14);
  --accent-line: rgba(244, 183, 64, 0.5);
  --accent-text: #F6D58C;
  --danger: #E0524A;
  --danger-text: #F0A39D;
  --ok: #4DB874;
  --font: Rubik, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: Unbounded, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color-scheme: dark;
  /* Layers */
  --z-zoom: 1; /* the zoom buttons over the phone board */
  --z-lobby-bar: 2; /* the phone lobby's bottom bar */
  --z-bar: 3; /* the phone game's bottom bar */
  --z-reveal: 4; /* an event card over the board */
  --z-modal: 50;
  --z-toast: 100;
  /* «Катанские реки»: gold */
  --gold: #F2C14E;
  --gold-ink: #2A1E05;
  --poor: #D98A7A;
}