/* ==========================================================================
   THE FIVE-STAR MYSTERIES — 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.

   Same component as the sibling site. Nothing here is shared with it.
   ========================================================================== */

/* Prata         — display, high-contrast serif with 1920s hotel-menu poise
   Karla         — body, humanist and warm, legible small
   IBM Plex Mono — grid labels and file numbers; institutional, claims-file  */
@import url("https://fonts.googleapis.com/css2?family=Prata&family=Karla:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* Grey Bedford limestone and cold lake light — the Alcyone, late autumn */
  --ground:      #E9E6DF;
  --surface:     #F5F3EE;
  --surface-2:   #DAD6CC;
  --ink:         #1A1F24;
  --ink-muted:   #6A7079;
  --rule:        #C8C4BA;
  --rule-strong: #8F8B80;

  /* Tarnished brass — lift fittings and room numbers. Confirmed pairings only. */
  --accent:      #8A6A2F;
  --accent-soft: #E6DCC4;
  --focus:       #2A5A6B;

  --font-display: "Prata", Georgia, serif;
  --font-body:    "Karla", "Helvetica Neue", Arial, sans-serif;
  --font-data:    "IBM Plex 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:      #12161A;
    --surface:     #1A2026;
    --surface-2:   #242C33;
    --ink:         #E2E0D9;
    --ink-muted:   #8B929A;
    --rule:        #2F383F;
    --rule-strong: #566068;
    --accent:      #C4A059;
    --accent-soft: #33291A;
    --focus:       #5FA3B8;
  }
}

:root[data-theme="dark"] {
  --ground:      #12161A;
  --surface:     #1A2026;
  --surface-2:   #242C33;
  --ink:         #E2E0D9;
  --ink-muted:   #8B929A;
  --rule:        #2F383F;
  --rule-strong: #566068;
  --accent:      #C4A059;
  --accent-soft: #33291A;
  --focus:       #5FA3B8;
}