/*
 * Canopy's COLOURS for the two static tools — the search harness and the
 * Cleanup Ledger. Both pages are built on their OWN token names (the harness's
 * --bg/--panel/--accent, the ledger's --paper/--card/--brass); this sheet loads
 * after each page's own styles and remaps those names onto Canopy's palette.
 * Only the palette: each page keeps its own type, layout and chrome.
 */
@import url('tokens.css');

/* The tools are light-only, like Canopy; both pages honour data-theme=light. */
:root {
  color-scheme: light;
}

/* ── the search harness's names → Canopy's colours ── */
:root,
:root[data-theme='light'] {
  --bg: var(--tint);
  --panel: var(--surface);
  --panel-2: var(--tint);
  --sunken: var(--canvas);
  --border-2: var(--border-strong);
  --text: var(--ink);
  --dim: var(--hemp);
  --accent: var(--pine);
  --accent-soft: rgba(40, 107, 62, 0.1);
  --track: var(--hairline);
  --red: var(--negative-text);
  --exact: var(--brown);
  --structured: var(--pine);
  --hybrid: var(--amber-brown);
  --semantic: var(--hemp);
  --none: var(--concrete);
  --agree: var(--pine);
  --agree-soft: var(--geyser);
  --differ: var(--negative-text);
  --differ-soft: var(--negative-bg);
  --could: var(--amber-brown);
  --could-soft: var(--beige);
  --quiet: var(--concrete);
  --shadow: 0 1px 2px rgba(26, 26, 26, 0.04), 0 2px 8px rgba(26, 26, 26, 0.05);
  --shadow-lift: 0 1px 2px rgba(26, 26, 26, 0.06), 0 8px 24px rgba(26, 26, 26, 0.1);
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;

  /* ── the Cleanup Ledger's names → Canopy's colours ── */
  --paper: var(--tint);
  --card: var(--surface);
  --muted: var(--hemp);
  --line: var(--border);
  --brass: var(--amber-brown);
  --brass-soft: var(--beige);
  --fixed: var(--pine);
  --fixed-bg: #e6f2ea;
  --partial: var(--amber-brown);
  --partial-bg: var(--beige);
  --open: var(--negative-text);
  --open-bg: var(--negative-bg);
  --unv: var(--concrete);
  --unv-bg: var(--canvas);
  --cleared: var(--hemp);
  --cleared-bg: var(--hairline);
}
