/* MapFun — Atlas theme (cream paper). Ochre land, ink-blue lines, sepia borders, serif type. */
:root[data-theme="atlas"] {
  color-scheme: light;
  --bg: #f3ead8;
  --bg-elev: #f8f1e2;
  --panel: rgba(250, 245, 233, 0.90);
  --panel-solid: #faf5e9;
  --panel-border: rgba(74, 52, 24, 0.16);
  --ink: #2a2115;
  --ink-muted: #6f6047;
  --ink-faint: #7a6849;   /* ≥ 4.5:1 on --bg */
  --accent: #1f4e79;
  --accent-ink: #fbf6ea;
  --accent-soft: rgba(31, 78, 121, 0.12);
  --danger: #a3372b;

  /* map colours */
  --ocean: #e5ddc8;
  --ocean-deep: #ddd3ba;
  --land: #e0c48a;
  --land-stroke: rgba(84, 56, 22, 0.7);
  --border: rgba(92, 64, 28, 0.42);
  --border-strong: rgba(70, 46, 16, 0.85);
  --graticule: rgba(31, 78, 121, 0.22);
  --graticule-minor: rgba(31, 78, 121, 0.10);
  --sphere-stroke: rgba(31, 78, 121, 0.75);
  --label: #33281a;
  --label-halo: rgba(243, 234, 216, 0.9);
  --hover: rgba(31, 78, 121, 0.16);
  --selection: rgba(31, 78, 121, 0.30);
  --selection-glow: rgba(31, 78, 121, 0.55);
  --atmosphere: rgba(31, 78, 121, 0.22);
  --limb: rgba(90, 70, 40, 0.18);

  --shadow: 0 10px 30px rgba(60, 40, 10, 0.18), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  /* faint paper grain: inline SVG turbulence, no external image */
  --paper-texture: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.28  0 0 0 0 0.18  0 0 0 0.10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --font-ui: 'EB Garamond', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-display: var(--font-ui);
  --font-label: var(--font-ui);
}

:root[data-theme="atlas"] body { font-size: 15.5px; }
:root[data-theme="atlas"] #stage::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 3; /* above the canvases (1,2), below .overlay (4) */
  background-image: var(--paper-texture);
  opacity: 0.55; mix-blend-mode: multiply;
}
:root[data-theme="atlas"] .panel { box-shadow: var(--shadow), 0 0 0 1px rgba(74, 52, 24, 0.06); }