:root {
  --color-page: #0b0b0f;
  --color-surface-raised: #141418;
  --color-panel: #17171c;
  --color-panel-strong: #1c1c22;
  --color-border-subtle: rgba(255, 255, 255, 0.06);
  --color-border: rgba(255, 255, 255, 0.1);
  --color-text: #ffffff;
  --color-text-muted: #a1a1aa;
  --color-text-faint: #6b6b75;
  --color-brand: #6c4dff;
  --color-brand-hover: #5a3dff;
  --color-brand-soft: #8b75ff;
  --color-positive: #34d399;
  --color-danger: #ff5a5f;
  --radius-medium: 14px;
  --radius-large: 22px;
  --radius-extra-large: 32px;
  --layout-max: 1100px;
}

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

html,
body {
  background: var(--color-page);
  color: var(--color-text);
  font-family: 'Geist', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
}

img,
video {
  max-width: 100%;
}