/* Fogline editorial theme — shared across all Fogline tools.
   Typography borrowed from foglinesf.com (Playfair Display + Inter),
   with Courier Prime as the newsroom-typewriter voice for data labels.
   Link this from any app page:
     <link rel="stylesheet" href="https://foglinesf.app/fogline.css">
   then use the variables. Colors are the established fog palette. */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;0,900;1,500;1,700&family=Inter:wght@400;500;600;700&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "Courier Prime", "Courier New", monospace;

  --bg: #E9EDEF;
  --surface: #F6F8F9;
  --ink: #1F2A30;
  --ink-2: #51626B;
  --muted: #7C8B93;
  --line: #C9D2D6;
  --accent: #C2401C;
  --spark: #8FA3B0;
  --fogband: #9FB6C2;
  --cloudband: #C9C5BC;
  --sunband: #D9EDF7;
  --sky: #AFD7EC;
  --ground: #A9B6BC;
  --fog: #FDFEFE;
  --ok: #2E7D4F;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141A1E;
    --surface: #1D252B;
    --ink: #E8EDF0;
    --ink-2: #A7B4BB;
    --muted: #6E7C84;
    --line: #2C363D;
    --accent: #E85D2A;
    --spark: #43565F;
    --fogband: #43565F;
    --cloudband: #4A463E;
    --sunband: #1E3A4C;
    --sky: #13293A;
    --ground: #33414A;
    --fog: #8FA3B0;
    --ok: #5BB381;
  }
}