/* Spec Plate: the stamped build plate on the B-pillar. Barlow Condensed caps, Barlow to read, JetBrains Mono for
   numbers, Sprinter blue on steel. Overrides the Journal base in site.css only while html[data-theme="plate"]. */
:root[data-theme="plate"] {
  --bg: #e9e9e6; --surface: #f7f7f5; --ink: #16181a; --muted: #5b6066; --line: #c9ccd0;
  --accent: #1f3a5f; --accent-soft: #dde5ef; --warn: #9a4b00; --warn-soft: #fbe9d8; --rule: transparent;
  --board: #c3c6c8; --hole: rgba(20, 24, 28, .5);
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --text: "Barlow", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="plate"] {
    --bg: #121416; --surface: #1b1e22; --ink: #e8eaec; --muted: #9aa2ab; --line: #30353b;
    --accent: #8fb4e3; --accent-soft: #1e2a3a; --warn: #f0a35a; --warn-soft: #35261a;
    --board: #24282c; --hole: rgba(0, 0, 0, .6);
  }
}
[data-theme="plate"] body { background-image: none; }
[data-theme="plate"] h1, [data-theme="plate"] h2, [data-theme="plate"] .group legend, [data-theme="plate"] .eyebrow,
[data-theme="plate"] .van-spec dt, [data-theme="plate"] .total-label, [data-theme="plate"] .toc a, [data-theme="plate"] .bench summary {
  font-family: var(--display); text-transform: uppercase; letter-spacing: .04em; font-style: normal; font-variation-settings: normal;
}
[data-theme="plate"] .hero h1 { font-weight: 700; font-size: clamp(40px, 11vw, 64px); }
[data-theme="plate"] h2 { font-weight: 700; font-size: 26px; }
[data-theme="plate"] .group legend { font-size: 18px; font-weight: 600; }

/* The hero: a cold photo under a faint blueprint grid, with the title on a bordered plate. */
[data-theme="plate"] .hero img { filter: grayscale(.35) saturate(.8) contrast(1.05); }
[data-theme="plate"] .hero::before { background: #1f3a5f; mix-blend-mode: multiply; opacity: .3; }
[data-theme="plate"] .hero::after {
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 24px),
              repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 24px),
              linear-gradient(to top, rgba(10,14,20,.9), rgba(10,14,20,.15) 65%);
}
[data-theme="plate"] .hero-text { width: auto; max-width: 360px; margin: 0 16px 32px; padding: 16px; border: 1px solid rgba(255,255,255,.55); background: rgba(10,14,20,.35); }
[data-theme="plate"] .spec-line { display: block; }

/* Cards: square plates with an inverted title bar and a two-digit index. */
[data-theme="plate"] .card, [data-theme="plate"] .system { border: 1px solid var(--line); border-radius: 6px; box-shadow: none; }
[data-theme="plate"] #menu { counter-reset: sys; }
[data-theme="plate"] #menu .system { counter-increment: sys; padding-top: 0; }
[data-theme="plate"] #menu .system-head { margin: 0 -16px; padding: 10px 16px; background: var(--accent-soft); border-bottom: 2px solid var(--accent); border-radius: 6px 6px 0 0; }
[data-theme="plate"] #menu .system-head h2::before { content: counter(sys, decimal-leading-zero) "  "; color: var(--accent); }
[data-theme="plate"] .subtotal { color: var(--ink); }
[data-theme="plate"] .item-top::before { display: none; }
[data-theme="plate"] .item-top { justify-content: space-between; }
[data-theme="plate"] .src { font-variant: normal; letter-spacing: 0; }
[data-theme="plate"] .factory { border-left-color: var(--accent); }

/* The total bar is a dark plate in both modes. */
[data-theme="plate"] .totalbar { background: #16181a; color: #e8eaec; border-top: 2px solid #8fb4e3; }
[data-theme="plate"] .total-label, [data-theme="plate"] .total-split { color: #9aa2ab; }
[data-theme="plate"] .total-amount { font-family: var(--mono); font-weight: 500; font-size: 28px; color: #8fb4e3; }
[data-theme="plate"] .totalbar button { background: #8fb4e3; border-color: #8fb4e3; color: #16181a; border-radius: 4px; }
[data-theme="plate"] #menu .system { padding-bottom: 0; }
[data-theme="plate"] #menu .drawer-body { padding-bottom: 20px; }
[data-theme="plate"] #menu .drawer:not([open]) .system-head { border-radius: 6px; border-bottom-color: transparent; }
[data-theme="plate"] .chevron { background: var(--surface); }