/* Northern Cartographer — mesa de cartografia: ardósia de fiorde, latão de bússola, osso.
   A ordem dos arquivos CSS está no index.html: tokens → base → layout → componentes.
   Pontos de quebra (media queries não aceitam var()): 1180px, 820px e 420px. */

:root {
  color-scheme: dark;
  --ground: #11171a;
  --hull-0: #0c1113;
  --hull: #172024;
  --hull-2: #1d272b;
  --hull-3: #243136;
  --seam: #2b373b;
  --seam-2: #3a484c;
  --seam-3: #56666a;
  --bone: #e6dfcc;
  --bone-2: #bcb6a5;
  --lichen: #8a968e;
  --moss: #8fb07a;
  --brass: #c9a24f;
  --brass-2: #e0bd72;
  --brass-wash: rgba(201, 162, 79, 0.12);
  --brass-edge: rgba(201, 162, 79, 0.4);
  --brass-ink: #1b1609;
  --ember: #d27150;
  --glass: rgba(15, 21, 24, 0.86);
  --desk-hi: #1b2427;
  --desk-lo: #0b1012;

  --font-display: "IM Fell English SC", "Iowan Old Style", Georgia, serif;
  --font-ui: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --rail-w: 60px;
  --panel-w: 284px;
  --top-h: 56px;

  --z-cursor: 5;
  --z-overlay: 10;
  --z-tip: 30;
  --z-toast: 100;
}

@media (max-width: 820px) {
  :root {
    --top-h: 52px;
  }
}