/* ==========================================================================
   FRONTIER LOGIC — brand tokens
   The shared grid component in vendor/ reads only these variables and never
   a colour or font literal. Restyling the site happens entirely in this file.
   ========================================================================== */

/* Zilla Slab — display, has the weight of a stamped case file
   Archivo    — body, legible at small sizes for an older readership
   DM Mono    — grid labels and case numbers, the ledger detail        */
@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500;600;700&family=Archivo:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap");

:root {
  /* Neutrals biased green-grey — assay-office ledger stock, not cream */
  --ground:      #E8EAE4;
  --surface:     #F4F5F1;
  --surface-2:   #DDE1D8;
  --ink:         #1C2321;
  --ink-muted:   #666E69;
  --rule:        #C3C8BF;
  --rule-strong: #8A9289;

  /* Iron oxide. Spent only on a confirmed pairing — the rare mark. */
  --accent:      #8C3A2B;
  --accent-soft: #E4D3CE;
  --focus:       #2F6B63;

  --font-display: "Zilla Slab", Georgia, serif;
  --font-body:    "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-data:    "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Bumped by the "Larger type" control. The readership skews older and
     the series ships a large-print edition for that reason. */
  --scale:  1;
  --cell:   clamp(30px, 8.2vw, 44px);
  --rowlab: clamp(66px, 19vw, 96px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground:      #14171A;
    --surface:     #1B2023;
    --surface-2:   #262D30;
    --ink:         #DEE3DD;
    --ink-muted:   #8C958F;
    --rule:        #333B3E;
    --rule-strong: #5A6569;
    --accent:      #D4705A;
    --accent-soft: #3A2622;
    --focus:       #63B3A6;
  }
}

:root[data-theme="dark"] {
  --ground:      #14171A;
  --surface:     #1B2023;
  --surface-2:   #262D30;
  --ink:         #DEE3DD;
  --ink-muted:   #8C958F;
  --rule:        #333B3E;
  --rule-strong: #5A6569;
  --accent:      #D4705A;
  --accent-soft: #3A2622;
  --focus:       #63B3A6;
}