/* Avionikwerk Flight — tokens (project/tokens.json). Night is the default theme; Paper for long reading. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-mono-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plex-mono-500.woff2) format('woff2')}

:root{
  --void:#000000;--navy:#061524;--navy-raised:#0c2238;--symbol-deep:#002048;
  --blue:#0768d9;--blue-hover:#055abf;--blue-light:#70b4ff;--paper-base:#f6f8fb;--white:#ffffff;
  --font-sans:Inter,Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --space-hairline:2px;--space-xs:12px;--space-sm:16px;--space-md:24px;--space-lg:36px;--space-xl:44px;--space-2xl:64px;--space-3xl:90px;
  --section-y:100px;--gutter:48px;--container-max:1264px;--header-height:100px;--measure:580px;
  --radius-0:0;--radius-button:2px;--radius-node:8px;
  --stroke-hairline:1px;--stroke-accent:2px;--stroke-focus:3px;
  --shadow-card-hover:0 8px 32px #032d5710;
  /* Night (default) */
  --bg:var(--void);--surface:var(--navy);--surface-raised:#0c2238;--surface-sunken:#081d33;
  --fg:var(--white);--fg-muted:#c5d1df;--fg-subtle:#b1c8e0;--fg-faint:#a9bacd;
  --accent:var(--blue-light);--action:var(--blue);--action-hover:var(--blue-hover);--on-action:var(--white);
  --line:#29435e;--line-strong:#7792ab;--focus:var(--blue-light);--caution:#e0a458;--success:#7fd1a3;--scrim:#061524e0;
  color-scheme:dark;
}
[data-theme="paper"]{
  --bg:var(--paper-base);--surface:var(--white);--surface-raised:#eaf0f6;--surface-sunken:#e8eef5;
  --fg:#09203a;--fg-muted:#4b5c70;--fg-subtle:#49647f;--fg-faint:#536579;
  --accent:var(--blue);--line:#d8e1ea;--line-strong:#66809b;--focus:var(--blue);--caution:#9a6524;--success:#285c42;
  color-scheme:light;
}
@media (max-width:1160px){:root{--gutter:32px;--space-3xl:56px}}
@media (max-width:1000px){:root{--section-y:76px;--header-height:84px}}
@media (max-width:700px){:root{--gutter:20px;--section-y:60px}}
@media (max-width:480px){:root{--header-height:76px}}