@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/lora-variable.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/space-mono-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/space-mono-700-normal.woff2") format("woff2");
}

:root {
  color-scheme: light dark;

  /* Running Order: warm paper ground, ink-on-paper until something is
     live. --live is the only accent in the system — it fires for
     processing and playback, and nothing else. See README design notes.
     Deepened from the brief's #FFA51F to clear 3:1 against paper/surface
     (the raw value is ~1.9:1 — invisible as a dot or focus ring); dark
     mode below restores the vivid signal-lamp amber, which reads fine
     there at ~9.5:1. */
  --paper: #F9F8F6;
  --surface: #FFFFFF;
  --ink: #15150F;
  --muted: #6E6C63;
  --faint: #A7A398;
  --rule: #E9E7E0;
  --rule-strong: #DAD7CD;
  --live: #A8650A;
  --bad: #C4362A;
  --clear: transparent;

  --serif: "Lora", Georgia, "Iowan Old Style", serif;
  --sans: "Lora", Georgia, "Iowan Old Style", serif;
  --mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --size-hero: 64px;
  --size-hero-mobile: 40px;
  --size-page-title: 20px;
  --size-title: 28px;
  --size-title-mobile: 22px;
  --size-meta: 14px;
  --size-label: 11px;
  --size-tag: 10.5px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius: 2px;
  --touch-target: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #121212;
    --surface: #1A1A1A;
    --ink: #F2F1EC;
    --muted: #9A978C;
    --faint: #6B6862;
    --rule: #242320;
    --rule-strong: #2E2C28;
    --live: #FFA51F;
    --bad: #E2685A;
  }
}