/* The Spotcraft landing palette — navy + amber, and the file that owns it.
   ⭐ These nine tokens were the palette; they lived in an inline `<style>` in `index.html` while
   `thanks.html` repeated three of them as raw hex, so the two pages of one product disagreed about
   how the same colours were expressed. Both pages now link this file (spotcraft#49, 2026-09-12).
   ℹ️ Values unchanged from the inline block — this is the same palette with an owner, not a
   retune. Zero-build: `netlify.toml` publishes `landing/` with no asset step, so a `<link>` is all
   there is (the pattern `landing/capture/styles.css` already follows).
   ⚠️ `backoffice/shop/public/palette.css` was lifted from this block on 2026-09-07 (#13) and its
   provenance comment points back here. The two `:root` blocks are meant to diff empty on what they
   share; the shop's block carries extra tokens the landing page has no use for, and those are the
   only permitted difference. */
:root {
  --ink: #16212e;
  --ink-soft: #46586b;
  --sky-top: #0b1d33;
  --sky-bottom: #1e3a5c;
  --accent: #e8a13d;
  --accent-ink: #2a1d05;
  --paper: #f7f9fb;
  --card: #ffffff;
  --line: #dbe3ea;
  /* ⭐ Ink that sits ON the navy band, named 2026-09-12 (spotcraft#50). The nine above have no
     token for it, so both pages hardcoded `#f2f6fa` and `#c3d2df` — the gap exists because the
     shared contract was shaped by `backoffice/shop`, which has almost no on-band text, while the
     landing page is nearly all on-band text. ➡️ Follows the `--ink`/`--ink-soft` pair: primary,
     then the secondary step below it. Same values as the literals they replace. */
  --band-ink: #f2f6fa;
  --band-ink-soft: #c3d2df;
  /* ⚠️ Added 2026-09-12 straight after spotcraft#50, which enumerated four on-band literals and
     missed this one: `.hero .brand` spelled the same colour by hand. Left alone it was a half
     drift — `backoffice/shop/public/palette.css` defined the token while this page hardcoded its
     value — which is the exact disagreement #49 and #50 exist to remove. */
  --band-ink-dim: #9db4c9;
  /* ⭐ The contract with `system.css`, added 2026-09-12 when this page became the system's second
     consumer. `system.css` carries no colour literal — that is the property that lets it be shared
     — so every colour it names must be defined HERE or the rule that names it computes to nothing.
     ➡️ These nine are the tokens the system names that the palette above did not define. ⛔ They
     are not decoration: `--shadow-tint` missing makes `--shadow` invalid and `.card` loses its
     shadow silently, which is the failure mode of a variable rather than a hard error.
     ℹ️ Values are `backoffice/shop/public/palette.css`'s, which were themselves lifted from the
     nine above — so this extends the same family rather than opening a second one. ⚠️ The landing
     page uses only some of them today (`--link` in the fine print, `--ink-faint` on the email
     placeholder, `--line-soft` in tables it has none of). The unused ones are still required: the
     system names them, and a consumer that defines only what it currently renders breaks the
     moment it adds a `.pill`. */
  --ink-faint: #6a7784;
  --line-soft: #eaf0f5; --line-strong: #c5d1dd; --line-bad: #e2b8b0;
  --link: #1e3a5c;
  --ok: #1f7a4d; --warn: #9a5b00; --bad: #b3402f;
  --shadow-tint: rgba(11, 29, 51, .06);
}