/* Aurora — the house look. Ink, pine and an amber "live" signal. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --ink:#0C1B24; --ink-soft:#1B333F;
  --page:#EDF1F0; --card:#FFFFFF; --sunken:#F6F8F7;
  --accent:#0E6E62; --accent-dark:#0A554B; --accent-wash:#E3F0ED; --on-accent:#FFFFFF;
  --signal:#E08A22; --signal-wash:#FDF1E1; --on-signal:#231402;
  --bad:#B3261E; --bad-wash:#FBE9E7;
  --line:#D8E1DF; --muted:#5C7079;
  --mint:#7FD1BE;

  --font-display:'Bricolage Grotesque',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;

  --radius:14px; --radius-sm:10px;
  --hero-bg:radial-gradient(900px 420px at 88% 8%, rgba(14,110,98,.55) 0%, transparent 62%),
            radial-gradient(700px 380px at 4% 96%, rgba(224,138,34,.2) 0%, transparent 60%),
            linear-gradient(168deg,#12303C 0%, #0C1B24 58%);
}
.card{box-shadow:0 1px 2px rgba(12,27,36,.06), 0 8px 24px -16px rgba(12,27,36,.35)}