:root {
  --color-bg: #05070a;
  --color-bg-2: #090d12;
  --color-surface: #10161d;
  --color-surface-raised: #151d26;
  --color-border: #2b3541;
  --color-border-strong: #53606d;
  --color-text: #f2f6f8;
  --color-muted: #9aa7b4;
  --color-dim: #677480;
  --color-green: #52ff68;
  --color-green-soft: rgba(82, 255, 104, 0.18);
  --color-cyan: #54c7ff;
  --color-amber: #ffd84f;
  --color-red: #ff3b32;
  --color-blue: #6bb6ff;
  --color-brown: #8b573c;
  --shadow-panel: 0 18px 34px rgba(0, 0, 0, 0.34);
  --radius-card: 8px;
  --radius-small: 6px;
  --topbar-height: 64px;
  --tabbar-height: 72px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", "Roboto Mono", Consolas, "Liberation Mono", monospace;
}