:root {
  --ds-bg: #070a12;
  --ds-surface: rgba(255, 255, 255, 0.06);
  --ds-surface-2: rgba(255, 255, 255, 0.10);
  --ds-border: rgba(255, 255, 255, 0.12);
  --ds-text: rgba(255, 255, 255, 0.92);
  --ds-text-muted: rgba(255, 255, 255, 0.72);
  --ds-text-dim: rgba(255, 255, 255, 0.60);

  --ds-accent: #6cf0ff;
  --ds-accent-2: #7b5cff;
  --ds-danger: #ff5c7a;
  --ds-success: #35d07f;

  --ds-radius-sm: 10px;
  --ds-radius-md: 14px;
  --ds-radius-lg: 20px;

  --ds-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);

  --ds-container: 1120px;
  --ds-gutter: 18px;
  --ds-gap: 14px;
  --ds-gap-lg: 22px;

  --ds-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans",
    sans-serif;

  /* DS v2 additions */
  --ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --ds-grid-size: 28px;
  --ds-grid-opacity: 0.12;
}

@media (prefers-color-scheme: light) {
  :root {
    --ds-bg: #0b1022;
  }
}