/* Design tokens for Warpspeed exposed as CSS custom properties. Dark is the default theme
   (migrated from the heart-rate normalizer palette); [data-theme="light"] overrides for light. */

:root,
:root[data-theme="dark"] {
  color-scheme: dark;

  /* Typography */
  --ws-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ws-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Surfaces */
  --ws-bg: #0d1117;
  --ws-surface: #161b22;
  --ws-surface-2: #1c232c;
  --ws-border: #30363d;

  /* Text */
  --ws-text: #c9d1d9;
  --ws-text-muted: #8b949e;
  --ws-text-strong: #f0f6fc;

  /* Brand / actions */
  --ws-primary: #2dd4bf;
  --ws-primary-hover: #5eead4;
  --ws-primary-contrast: #04201c;
  --ws-accent-heart: #f76b6b;

  /* Semantic status (column wayfinding) */
  --ws-status-active: #f0a23c;
  --ws-status-pending: #58a6ff;
  --ws-status-done: #3fb950;

  /* Feedback / depth */
  --ws-focus-ring: rgba(45, 212, 191, 0.35);
  --ws-shadow: 0 18px 44px rgba(0, 0, 0, 0.48);
  --ws-danger: #f85149;

  /* Geometry */
  --ws-radius: 14px;
  --ws-radius-sm: 9px;
}

:root[data-theme="light"] {
  color-scheme: light;

  --ws-bg: #eef1f4;
  --ws-surface: #ffffff;
  --ws-surface-2: #f5f7f9;
  --ws-border: #dbe1e8;

  --ws-text: #1f2933;
  --ws-text-muted: #5b6b7b;
  --ws-text-strong: #0b1a26;

  --ws-primary: #0d9488;
  --ws-primary-hover: #0b8074;
  --ws-primary-contrast: #ffffff;
  --ws-accent-heart: #e8505b;

  --ws-status-active: #b86a00;
  --ws-status-pending: #1f6feb;
  --ws-status-done: #1a7f37;

  --ws-focus-ring: rgba(13, 148, 136, 0.30);
  --ws-shadow: 0 18px 44px rgba(15, 35, 50, 0.12);
  --ws-danger: #d6336c;
}