/* ==========================================================================
 * Block 1 of 1 — Design tokens
 * Description: :root CSS variables for theme, type, panes (L∙I∙B∙R∙U∙S)
 * Version: 1.c
 * Revised: 12Jul26
 * ========================================================================== */

:root {
  --bg: #ffffff;
  --surface: #f8f8f8;
  --text: #333333;
  --text-muted: #666666;
  --border: #dddddd;
  --accent: #0066cc;
  --mark-bg: #fff3a8;
  /* Match Hypothesis client top bar */
  --toolbar-height: 40px;
  --toolbar-stack-height: 80px; /* two main-toolbar rows */
  --pane-min: 500px;
  --layout-wide-min: 1200px;
  --font-scale: 1;
  --line-height: 1.6;
  /* Research links: blue underline (wiki + dict only — no Luz) */
  --provider-wiki: #3d5cff;
  --provider-dict: #3d5cff;
  --provider-map: #3d5cff;
  --font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-book: var(--font-ui);
}

:root[data-theme='dark'] {
  --bg: #1a1a1a;
  --surface: #242424;
  --text: #eeeeee;
  --text-muted: #aaaaaa;
  --border: #333333;
  --accent: #4da6ff;
  --mark-bg: #5c4d00;
  --provider-wiki: #7aacff;
  --provider-dict: #7aacff;
  --provider-map: #7aacff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #1a1a1a;
    --surface: #242424;
    --text: #eeeeee;
    --text-muted: #aaaaaa;
    --border: #333333;
    --accent: #4da6ff;
    --mark-bg: #5c4d00;
    --provider-wiki: #7aacff;
    --provider-dict: #7aacff;
    --provider-map: #7aacff;
  }
}