/* KD8MWZ signal control: the shared look for every michigan.im page (home, /radio, /traffic).
   Pages keep their own layout; linking this after their own styles swaps in the console palette. */
:root {
  --bg: #06090c; --fg: #d8e4ec; --muted: #7f93a1; --accent: #4cc9f0; --gold: #ffb000; --rule: #1c2a34;
  --card: #0c1217; --live: #39ff88; --ok: #39ff88; --warn: #ffb000; --bad: #ff5c5c; --glow: rgba(57, 255, 136, .18);
  color-scheme: dark;
}
html { background: var(--bg); }
body {
  background:
    radial-gradient(ellipse at top, rgba(76, 201, 240, .07), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .012) 0 1px, transparent 1px 3px),
    var(--bg);
  color: var(--fg);
}
h1, h2, .mono, .when, .preamble, .num, td:first-child { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; }
h1 { letter-spacing: -.01em; }
h2 { color: var(--live); letter-spacing: .14em; }
h2::before { content: "▸ "; color: var(--muted); }
a { color: var(--accent); }
li, .card, table, .radio { border-color: var(--rule); background: var(--card); }
button { background: var(--live); color: #04140b; box-shadow: 0 0 18px var(--glow); }
.tag { border-color: var(--rule); color: var(--muted); }
.callsign { display: inline-block; font: 700 .85rem/1 ui-monospace, monospace; letter-spacing: .12em; color: #04140b;
  background: var(--live); padding: .35rem .55rem; border-radius: 4px; box-shadow: 0 0 14px var(--glow); }
.console-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; font: .8rem/1.4 ui-monospace, monospace;
  color: var(--muted); border-bottom: 1px solid var(--rule); padding-bottom: .75rem; margin-bottom: 1.25rem; letter-spacing: .06em; }
.console-bar a { color: var(--muted); text-decoration: none; }
.console-bar a:hover { color: var(--accent); }
.console-bar .home { color: var(--fg); font-weight: 700; }