:root {
    --paper: #fbf7ee;            --paper-2: #f6efe0;          --paper-3: #efe6d2;
  --card: #fffdf8;
  --ink: #3a302a;              --ink-2: #66594f;
  --ink-3: #6f6274;            --rule: #e4d9c4;
  --rule-2: #ece3d1;
  --link: #1f69a8;             --link-hover: #154f82;
  --on-ink: #fffaf0;           --on-accent: #ffffff;        --on-yellow: #3a302a;        --on-dark: #fffaf0;          --on-dark-2: #e9e3d4;
  --on-dark-3: #cfd6e6;
  --plate: #fbf7ee;           --shade-rgb: 93, 95, 160;    --shadow: 0 1px 2px rgba(var(--shade-rgb), .10), 0 6px 22px rgba(var(--shade-rgb), .12);
  --shadow-lift: 0 2px 4px rgba(var(--shade-rgb), .12), 0 14px 38px rgba(var(--shade-rgb), .22);
  --focus: #2f86c9;

    --warn-bg: #fcefc8;
  --warn-ink: #6f4b00;
  --alert-bg: #f7dfd6;
  --alert-ink: #962f19;
  --good-bg: #e2efdf;
  --good-ink: #2a6338;
  --hl: #ffe58a;
  --code-bg: rgba(var(--shade-rgb), .09);
  --pre-bg: #3a302a;
  --pre-ink: #f6efe0;
  --scrim: rgba(36, 30, 26, .9);
  --scrim-ink: #f6efe0;

    --rail-bg: #f6efe0;
  --rail-bg-2: #f1e8d6;
  --rail-ink: #3a302a;
  --rail-ink-2: #66594f;
  --rail-ink-3: #6f6274;
  --rail-rule: #e4d9c4;
  --rail-hover: #efe6d2;
  --rail-card: #fffdf8;
  --rail-on: #fff4d4;

    --band-top: #154f94;         --band-mid: #1d64ad;
  --band-low: #79b6e3;
  --band-ink: #fff6e3;
  --band-ink-2: #e3eef8;
  --band-shade: rgba(16, 52, 96, .38);

    --map-ground: #f6efe0;
  --map-ground-2: #fffaf0;
  --map-plate: #fffdf8;
  --map-road: #dccfb3;
  --map-halo: #fbf6ea;

    --sky-top: #1f5fb5;
  --sky: #2f7fd0;
  --sky-low: #9cc9ee;
  --cloud: #fff7e4;
  --cloud-shade: #aeb8db;
  --shade: #5d5fa6;
  --lawn-lit: #9cc84a;
  --lawn: #5f9e3c;
  --lawn-deep: #2e6a34;
  --clapboard: #f2e5c2;
  --shutter: #4a3325;
  --roof: #6d5242;
  --yellow: #f2b400;
  --yellow-deep: #c98900;
  --graphite: #373b44;
  --coral: #ee7a4f;

    --a-project: #3a302a;
  --a-level: #4f9a3d;
  --a-house: #b8733a;
  --a-excavator: #e2a000;
  --a-physics: #d4482e;
  --a-art: #7c5cc6;
  --a-audio: #158f93;
  --a-performance: #2a74c8;
  --a-process: #5a6274;
  --a-gameplay: #e0507a;
  --a-future: #5f6fd8;
  --a-vision: #b04fae;

    --s-shipped: #3b8a4d;
  --s-in-flight: #e39b00;
  --s-planned: #3a6ed6;
  --s-idea: #9a70d8;
  --s-blocked: #d4432e;
  --s-parked: #8c909a;

  color-scheme: light;
}

:root, body, .hero-frame {
  --s-shipped-ink: color-mix(in srgb, var(--s-shipped) 45%, var(--ink));
  --s-in-flight-ink: color-mix(in srgb, var(--s-in-flight) 45%, var(--ink));
  --s-planned-ink: color-mix(in srgb, var(--s-planned) 45%, var(--ink));
  --s-idea-ink: color-mix(in srgb, var(--s-idea) 45%, var(--ink));
  --s-blocked-ink: color-mix(in srgb, var(--s-blocked) 45%, var(--ink));
  --s-parked-ink: color-mix(in srgb, var(--s-parked) 45%, var(--ink));
}

body { background: var(--paper); color: var(--ink); }