/* COPY of docs/brand/design-tokens.css (v0.1) for static deployment.
   Do not edit here — the source of truth is docs/brand/design-tokens.css;
   re-copy when that file changes. */

:root {
  /* --- Palette (raw) --- */
  --wp-ink: #16181B;             /* primary text / mark on light */
  --wp-paper: #F7F6F3;           /* light app background */
  --wp-signal: #3D7BFD;          /* Signal Blue — accent on light */
  --wp-signal-hover: #2A5FD0;    /* Signal Blue pressed/hover */
  --wp-signal-on-dark: #5D92FF;  /* accent on dark surfaces */
  --wp-surface-deep: #101215;    /* dark surface / reversed */
  --wp-card: #FCFBF9;            /* raised card on paper */
  --wp-border: #EDEBE6;          /* hairline / divider on light */

  /* --- Semantic (light / default theme) --- */
  --wp-bg: var(--wp-paper);
  --wp-surface: var(--wp-card);
  --wp-text: var(--wp-ink);
  --wp-text-muted: #5B5F66;      /* // UNVERIFIED — derived, not on the sheet; confirm */
  --wp-accent: var(--wp-signal);
  --wp-accent-hover: var(--wp-signal-hover);
  --wp-line: var(--wp-border);

  /* --- Typography --- */
  --wp-font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --wp-font-body: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; /* body face TBD in v0.1 */
  --wp-wordmark-tracking: 0.22em;   /* all-caps wordmark letter-spacing */
  --wp-wordmark-weight: 500;

  /* --- Logo geometry (24-unit grid) --- */
  --wp-mark-stroke: 2.4;   /* route stroke width, grid units */
  --wp-mark-dot-r: 2.3;    /* waypoint dot radius, grid units */
  --wp-mark-clearspace: 0.5;   /* × mark height, all sides */
}

/* --- Dark theme: accent brightens for contrast (per sheet rule) --- */
[data-theme="dark"] {
  --wp-bg: var(--wp-surface-deep);
  --wp-surface: #16181B;
  --wp-text: var(--wp-paper);
  --wp-text-muted: #A2A6AD;      /* // UNVERIFIED — derived */
  --wp-accent: var(--wp-signal-on-dark);
  --wp-accent-hover: var(--wp-signal);
  --wp-line: #24272B;            /* // UNVERIFIED — derived */
}