/* Design tokens — Clear Aviation skin of the Planeside client-app engine.
   Variable NAMES kept (--na-*) so engine + app.css need no edits; only VALUES
   change per brand. This is the whole reskin surface, alongside brand.js. */
:root {
  --na-brand: #2A4BF0;        /* electric cobalt — the single Planeside accent */
  --na-brand-deep: #1C34BC;   /* pressed / deep */
  --na-brand-tint: #6E8BFF;   /* lighter accent for dark surfaces + gradients */
  --na-ink: #0A1124;          /* deep navy-black — text on light */
  --na-navy: #0A1228;         /* dark app/surface background */
  --na-navy-raised: #111B3A;  /* raised dark cards */
  --na-cloud: #EDF0F7;        /* cool off-white app background */
  --na-paper: #FFFFFF;
  --na-line: #DBE2F0;         /* hairline on light */
  --na-line-dark: #22304C;    /* hairline on dark */
  --na-muted: #646E84;        /* secondary text on light */
  --na-muted-dark: #94A1BE;   /* secondary text on dark */
  --na-positive: #1F8A5B;
  --na-pending: #C28A2C;
  --na-alert: #B6442E;

  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-ui: 'Inter', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --r-lg: 22px;
  --r-md: 14px;
  --r-sm: 10px;
}

* { box-sizing: border-box; }

/* Text wordmark for the launch screen (no per-brand image needed). */
.launch-wordmark {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 27px;
  letter-spacing: .12em;
  color: #fff;
  text-transform: uppercase;
}