/*
 * Next Commerce — Docs & Publication Content Design Tokens
 * Base tokens: mode-independent values shared across all three docs properties
 *
 * Consumed by:
 *   - developer-docs/ and docs/ via fumadocs-bridge.css
 *   - guides/ via guides-aliases.css
 *
 * These tokens define the docs content channel only.
 * Marketing (nextcommerce-site/) and App UI (app-ui-framework/) have their own systems.
 */

:root {
  /* ── Brand ─────────────────────────────────────────────── */
  /* NEXT — merchant-facing default brand. */
  --ds-primary: #3c7dff;
  --ds-primary-light: #79a5ff;
  --ds-primary-foreground: #ffffff;

  /* Sellmore — internal agency brand; cooler/flatter than NEXT.
     Apply via [data-brand="sellmore"] override on app/ui surfaces. */
  --ds-sellmore-primary: #3366ff;
  --ds-sellmore-primary-light: #6080ff;

  /* ── Semantic Colors ───────────────────────────────────── */
  --ds-green: #22c55e;
  --ds-yellow: #f59e0b;
  --ds-red: #f87171;
  --ds-orange: #fb923c;

  /* ── Layout ────────────────────────────────────────────── */
  --ds-layout-max: 1600px;
  --ds-sidebar-w: 320px;
  --ds-toc-w: 320px;
  --ds-content-max: 880px;
  --ds-topbar-h: 60px;

  /* ── Border Radius ─────────────────────────────────────── */
  /* Aligned to Fumadocs: rounded-md=6px, rounded-lg=8px, rounded-xl=12px */
  --ds-radius-sm: 0.375rem;   /* 6px  — badges, tags, small inputs */
  --ds-radius-md: 0.5rem;     /* 8px  — cards, buttons, dropdowns */
  --ds-radius-lg: 0.75rem;    /* 12px — modals, large panels */
  --ds-radius-full: 9999px;   /* pills, avatars */

  /* ── Shadows ───────────────────────────────────────────── */
  /* Flat aesthetic — minimal shadows, lower opacity than typical */
  --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --ds-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);

  /* ── Spacing (4px base) ────────────────────────────────── */
  --ds-space-2xs: 2px;
  --ds-space-xs: 4px;
  --ds-space-sm: 8px;
  --ds-space-md: 12px;
  --ds-space-base: 16px;
  --ds-space-lg: 24px;
  --ds-space-xl: 32px;
  --ds-space-2xl: 48px;
  --ds-space-3xl: 64px;

  /* ── Numeric Typography ────────────────────────────────── */
  --ds-num-spacing: -0.02em;
}