/**
 * Base Camp — Design Tokens
 * <link rel="stylesheet" href="../shared/tokens.css">
 *
 * Core color palette, typography, and resets shared across all pages.
 * Module-specific overrides (grooming blue, gear amber, kitchen warm)
 * stay inline in each HTML file.
 */

:root {
  /* palette */
  --paper: #F7F7F4;
  --panel: #FFFFFF;
  --ink: #1C1C1E;
  --ink-soft: #54585B;
  --slate: #33424A;
  --line: #E3E2DC;
  --ember: #DE5A2A;
  --ember-soft: #FBEDE6;
  --green: #2F7D5B;
  --green-soft: #E7F1EB;

  /* typography */
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.dark {
  --paper: #1C1C1E;
  --panel: #2C2C2E;
  --ink: #E8E8E4;
  --ink-soft: #98989D;
  --slate: #B0B0B4;
  --line: #3A3A3C;
  --ember: #FF6B3D;
  --ember-soft: #3A2218;
  --green: #34C759;
  --green-soft: #1A3A1F;
}

* { box-sizing: border-box; }
html { background: var(--paper); }

/* ---- privacy mode (see shared/privacy.js) ----
   Anything marked class="pv" holds flatmate-identifying detail. When privacy
   is on the node is hidden here (pre-paint, so names never flash) and then
   removed from the DOM by privacy.js. Also applies to print output. */
html.privacy .pv { display: none !important; }
@media print { html.privacy .pv { display: none !important; } }