/*
 * PCH Design System — CSS custom properties for static HTML pages.
 * Derived from app/theme/tokens.ts (dark theme).
 * Used by: harm.html, sitemap.html, and future static exports.
 *
 * Auto-generated values from MD3 dark tokens. Keep in sync with tokens.ts.
 */

:root {
  /* Page backgrounds */
  --page-bg: #000000;
  --bg-surface: #0a0d14;
  --bg-card: #111520;
  --bg-card-hover: #1a2030;
  --bg-input: #151a27;

  /* Text */
  --text: #e2e2e9;
  --text-primary: #adc6ff;
  --text-secondary: #44e2cd;
  --text-muted: #8e9099;
  --text-dim: #6e6e76;

  /* Borders */
  --border: #44464f;
  --border-hover: #8e9099;
  --border-subtle: #2a2d3a;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);

  /* Accent: Red (error/contraindicated) */
  --accent-red-bg: rgba(147, 0, 10, 0.25);
  --accent-red-text: #ffb4ab;

  /* Accent: Yellow (caution/warning) */
  --accent-yellow-bg: rgba(120, 100, 0, 0.25);
  --accent-yellow-text: #f0d060;

  /* Accent: Purple (monitor) */
  --accent-purple-bg: rgba(100, 60, 160, 0.25);
  --accent-purple-text: #d0a0ff;

  /* Accent: Green (safe) */
  --accent-green-bg: rgba(0, 110, 70, 0.25);
  --accent-green-text: #7de8d8;

  /* Accent: Blue (info/primary) */
  --accent-blue-bg: rgba(31, 72, 153, 0.25);
  --accent-blue-text: #adc6ff;
}