/* Theme tokens. Override values here per app; never rewrite selectors in app.css. */

:root {
  --color-bg: #0a1128;
  --color-surface: #131c33;
  --color-border: #24314f;
  --color-accent-blue: #2f7bf7;
  --color-accent-green: #2fe6a0;
  --color-text: #eef2f8;
  --color-text-dim: #97a3b8;
  --color-danger: #ff5470;

  --font-data: 'IBM Plex Mono', ui-monospace, monospace;
  --font-prose: 'DM Sans', system-ui, sans-serif;

  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);

  --radius: 10px;
  --tap: 44px;              /* minimum touch target */
  --gap: 0.75rem;
}