/* [project]/app/globals.css [app-client] (css) */
:root {
  --zx-bg: #0d0d14;
  --zx-surface: #13131e;
  --zx-surface-raised: #1a1a28;
  --zx-surface-sunken: #09090f;
  --zx-surface-hover: #1f1f30;
  --zx-border: #21213a;
  --zx-border-subtle: #16162a;
  --zx-border-strong: #2e2e50;
  --zx-border-focus: #5b6ef5;
  --zx-text-primary: #eeeef5;
  --zx-text-secondary: #9898b0;
  --zx-text-dim: #60607a;
  --zx-text-disabled: #363650;
  --zx-blue: #5b6ef5;
  --zx-blue-dim: #3d4ec0;
  --zx-blue-light: #5b6ef51a;
  --zx-blue-border: #5b6ef54d;
  --zx-green: #34d399;
  --zx-green-light: #34d39914;
  --zx-green-border: #34d39940;
  --zx-red: #f87171;
  --zx-red-light: #f8717114;
  --zx-red-border: #f8717140;
  --zx-amber: #fbbf24;
  --zx-amber-light: #fbbf2414;
  --zx-amber-border: #fbbf2440;
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--zx-bg);
  height: 100%;
  color: var(--zx-text-primary);
  -webkit-font-smoothing: antialiased;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

input, button, select, textarea {
  font-family: inherit;
}

button {
  cursor: pointer;
}

/*# sourceMappingURL=app_globals_0jn8.0u.css.map*/