/*
 * Next Commerce — Docs & Publication Content Design Tokens
 * Dark mode colors (default mode — dark-first)
 *
 * These values match the shipped Fumadocs black.css theme + Zinc scale.
 * DESIGN.md is updated to reflect these as canonical.
 */

:root {
  color-scheme: dark;

  /* ── Surfaces ──────────────────────────────────────────── */
  --ds-bg: #09090b;
  --ds-bg-2: rgba(255, 255, 255, 0.045);
  --ds-bg-3: rgba(255, 255, 255, 0.075);
  --ds-bg-hover: rgba(255, 255, 255, 0.095);
  --ds-bg-elevated: rgba(255, 255, 255, 0.06);

  /* ── Borders ───────────────────────────────────────────── */
  --ds-border: rgba(255, 255, 255, 0.10);
  --ds-border-2: rgba(255, 255, 255, 0.17);

  /* ── Text (Zinc scale) ─────────────────────────────────── */
  --ds-txt: #fafafa;
  --ds-txt-2: #d4d4d8;
  --ds-txt-3: #a1a1aa;
  --ds-txt-4: #71717a;

  /* ── Primary Variants ──────────────────────────────────── */
  --ds-primary-muted: rgba(60, 125, 255, 0.12);
  --ds-primary-border: rgba(60, 125, 255, 0.26);
  --ds-primary-ring: rgba(60, 125, 255, 0.32);

  /* ── Semantic Variants ─────────────────────────────────── */
  --ds-yellow-bg: rgba(245, 158, 11, 0.12);
  --ds-yellow-border: rgba(245, 158, 11, 0.28);
  --ds-green-bg: rgba(34, 197, 94, 0.12);
  --ds-green-border: rgba(34, 197, 94, 0.28);
  --ds-red-bg: rgba(248, 113, 113, 0.12);
  --ds-red-border: rgba(248, 113, 113, 0.28);
  --ds-orange-bg: rgba(251, 146, 60, 0.12);
  --ds-orange-border: rgba(251, 146, 60, 0.28);
}