/* =============================================================================
   tokens.css: shared design tokens for reese.biz and included tools.
   ============================================================================= */

:root {
  /* Skin-independent */
  --rb-font-size: 100%;
  --rb-max-width: 1400px;
  --rb-font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', 'JetBrains Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}

/* Amber skin */
:root {
  --rb-accent: #000000;
  --rb-accent-hover: #f5a848;
  --rb-accent-fg: #ffffff;
  --rb-radius: 0.25rem;
  --rb-bg: #f5f5f5;
  --rb-surface: #ffffff;
  --rb-text: #1a1a1a;
  --rb-text-muted: #555555;
  --rb-border: #c5cad5;
}

:root[data-theme="dark"] {
  --rb-accent: #f5a848;
  --rb-accent-hover: #d08f3d;
  --rb-accent-fg: #1a1a1a;
  --rb-bg: #13161e;
  --rb-surface: #1d2535;
  --rb-text: #c2c7d0;
  --rb-text-muted: #7b8495;
  --rb-border: #3d4c66;
}

/* Dark/light mode toggle */
.theme-toggle {
  filter: grayscale(1);
  opacity: 0.7;
}

.theme-toggle:hover {
  opacity: 1;
}

[data-theme="dark"] .theme-toggle {
  filter: none;
}