/* Cartographer palette — indigo & gold (magic / maps) */
:root {
  --bg: #0a0e1a;
  --bg-2: #1a2238;
  --accent: #a17a26;
  --accent-2: #e8c97a;
  --accent-3: #f4d690;
  --text: #f4ecd6;
  --text-soft: #cfd5e0;
  --muted: #6e7480;
  --border: rgba(232, 201, 122, 0.12);
  --border-strong: rgba(232, 201, 122, 0.24);
  --surface: rgba(232, 201, 122, 0.04);
  --surface-solid: #13192a;
  --input: #13192a;
}
body {
  background-image:
    radial-gradient(ellipse 80% 55% at 18% -8%, color-mix(in srgb, #3a4a6b 30%, transparent), transparent 70%),
    radial-gradient(ellipse 60% 45% at 82% 10%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 65%),
    radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--surface-solid) 35%, transparent), var(--bg));
  background-attachment: fixed;
  background-size: cover;
}
.topbar { background: rgba(10, 14, 26, 0.96); }
.topbar .brand { color: var(--accent-3); }