/* ============================================================================
 * Zed UX1 — Design token foundation (CT-313)
 * Single source-of-truth --zed-* custom properties.
 * NOTE: defining custom properties is ZERO visual change until consumed.
 * Safe to load always; consumed only by gated (html.zed-ux) rules.
 * ==========================================================================*/
:root {
  /* Color ramp (dark-first, CapCut-style elevation) */
  --zed-bg-base: #0d0d0f;
  --zed-bg-panel: #17171b;
  --zed-bg-elevated: #1c1c22;
  --zed-bg-inset: #101014;
  --zed-bg-hover: rgba(255, 255, 255, 0.05);
  --zed-bg-active: rgba(255, 255, 255, 0.08);
  --zed-border: rgba(255, 255, 255, 0.06);
  --zed-border-strong: rgba(255, 255, 255, 0.12);
  --zed-text: #f2f3f5;
  --zed-text-muted: #a8adb7;
  --zed-text-faint: #6b7078;
  --zed-accent: #34d399;
  --zed-accent-rgb: 52, 211, 153;
  --zed-accent-hover: #4ade9f;
  --zed-accent-contrast: #06231b;
  --zed-danger: #ef5b73;
  /* Spacing scale */
  --zed-space-0: 2px;
  --zed-space-1: 4px;
  --zed-space-2: 8px;
  --zed-space-3: 12px;
  --zed-space-4: 16px;
  --zed-space-5: 20px;
  --zed-space-6: 24px;
  /* Radius */
  --zed-radius-sm: 6px;
  --zed-radius-md: 8px;
  --zed-radius-lg: 12px;
  --zed-radius-pill: 999px;
  /* Elevation */
  --zed-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --zed-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.35);
  --zed-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
  /* Typography */
  --zed-fs-xs: 11px;
  --zed-fs-sm: 12px;
  --zed-fs-md: 13px;
  --zed-fs-lg: 15px;
  --zed-fs-xl: 18px;
  --zed-fw-regular: 400;
  --zed-fw-medium: 500;
  --zed-fw-semibold: 600;
  --zed-lh-tight: 1.2;
  --zed-lh-normal: 1.45;
  /* Motion */
  --zed-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --zed-dur-fast: 120ms;
  --zed-dur-normal: 160ms;
  /* Control sizing */
  --zed-control-h: 32px;
  --zed-control-h-sm: 26px;
}