/* GENERATED by dev/palettes.py --write B-blueprint  --  edit the palette there, not here.
   Dark is the default; a light device gets light; <html data-theme> overrides both. */
:root {
  color-scheme: dark;
  --bg: #0a1320;
  --panel: #101c2e;
  --chrome: #0d1727;
  --field: #08101b;
  --sunken: #060c15;
  --hover: #17273d;
  --ink: #e6edf7;
  --ink-2: #bfcbdd;
  --muted: #8fa1ba;
  --faint: #647892;
  --line: #1f324c;
  --accent: #6cc4f0;
  --on-accent: #06202e;
  --accent-soft: #12304a;
  --red: #d63a21;
  --on-red: #ffffff;
  --red-soft: #3a1812;
  --red-line: #6b2a1f;
  --red-text: #ff8068;
  --green: #3fb98a;
  --green-ink: #7fd6b4;
  --green-soft: #0f3029;
  --green-panel: #0a1b1b;
  --green-line: #1f5a4c;
  --amber: #d9a441;
  --amber-hot: #f2b632;
  --amber-ink: #e8c27a;
  --amber-soft: #2a2213;
  --amber-line: #5a4623;
  --scrim: rgba(2,8,18,.66);
  --shadow: rgba(0,0,0,.5);
  --btn: var(--red);
  --on-btn: var(--on-red);
  --fg: #e6edf7;
  --fg-2: #bfcbdd;
  --mut: #8fa1ba;
  --brass: #6cc4f0;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #edf2f8;
    --panel: #ffffff;
    --chrome: #f8fbfe;
    --field: #ffffff;
    --sunken: #e3ebf4;
    --hover: #e8eff7;
    --ink: #0d1b2e;
    --ink-2: #26384f;
    --muted: #4f637c;
    --faint: #7a8da6;
    --line: #cbd8e7;
    --accent: #0f5f96;
    --on-accent: #ffffff;
    --accent-soft: #dbeaf7;
    --red: #c8331b;
    --on-red: #ffffff;
    --red-soft: #fbe7e2;
    --red-line: #eeb5a9;
    --red-text: #b12a14;
    --green: #167a5c;
    --green-ink: #167a5c;
    --green-soft: #dcf2ea;
    --green-panel: #eff9f5;
    --green-line: #a3d6c4;
    --amber: #8f6400;
    --amber-hot: #a87300;
    --amber-ink: #6c4c00;
    --amber-soft: #fbf0d6;
    --amber-line: #e5ce93;
    --scrim: rgba(8,20,38,.45);
    --shadow: rgba(8,20,38,.18);
    --btn: var(--red);
    --on-btn: var(--on-red);
    --fg: #0d1b2e;
    --fg-2: #26384f;
    --mut: #4f637c;
    --brass: #0f5f96;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #edf2f8;
  --panel: #ffffff;
  --chrome: #f8fbfe;
  --field: #ffffff;
  --sunken: #e3ebf4;
  --hover: #e8eff7;
  --ink: #0d1b2e;
  --ink-2: #26384f;
  --muted: #4f637c;
  --faint: #7a8da6;
  --line: #cbd8e7;
  --accent: #0f5f96;
  --on-accent: #ffffff;
  --accent-soft: #dbeaf7;
  --red: #c8331b;
  --on-red: #ffffff;
  --red-soft: #fbe7e2;
  --red-line: #eeb5a9;
  --red-text: #b12a14;
  --green: #167a5c;
  --green-ink: #167a5c;
  --green-soft: #dcf2ea;
  --green-panel: #eff9f5;
  --green-line: #a3d6c4;
  --amber: #8f6400;
  --amber-hot: #a87300;
  --amber-ink: #6c4c00;
  --amber-soft: #fbf0d6;
  --amber-line: #e5ce93;
  --scrim: rgba(8,20,38,.45);
  --shadow: rgba(8,20,38,.18);
  --btn: var(--red);
  --on-btn: var(--on-red);
  --fg: #0d1b2e;
  --fg-2: #26384f;
  --mut: #4f637c;
  --brass: #0f5f96;
}

/* the typeface (self-hosted, latin, OFL) */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Barlow-400.woff2?v=1) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/Barlow-500.woff2?v=1) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/Barlow-600.woff2?v=1) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/BarlowCondensed-600.woff2?v=1) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/BarlowCondensed-700.woff2?v=1) format('woff2')}
:root {
  --font-ui: 'Barlow', 'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Barlow Condensed', 'Barlow', 'Arial Narrow', 'Segoe UI', system-ui, sans-serif;
}