:root {
  /* Deploy-local mirror of packages/ui/tokens.css for the current static Pages setup. */
  --dd-color-canvas: #fffaf4;
  --dd-color-surface: #ffffff;
  --dd-color-sand: #f3e5d2;
  --dd-color-sand-strong: #e8d0b1;
  --dd-color-coral: #ff665b;
  --dd-color-coral-strong: #e84e45;
  --dd-color-teal: #0b9ca4;
  --dd-color-teal-soft: #d9f2f1;
  --dd-color-navy: #102033;
  --dd-color-ink: #172435;
  --dd-color-muted: #687482;
  --dd-color-line: #e8e2db;
  --dd-color-success: #237a57;
  --dd-color-warning: #a56416;
  --dd-color-danger: #b83b3b;

  --dd-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --dd-radius-sm: 12px;
  --dd-radius-md: 18px;
  --dd-radius-lg: 26px;
  --dd-radius-pill: 999px;

  --dd-space-1: 4px;
  --dd-space-2: 8px;
  --dd-space-3: 12px;
  --dd-space-4: 16px;
  --dd-space-5: 20px;
  --dd-space-6: 24px;
  --dd-space-8: 32px;
  --dd-space-10: 40px;

  --dd-shadow-card: 0 14px 36px rgba(16, 32, 51, 0.09);
  --dd-shadow-float: 0 10px 28px rgba(16, 32, 51, 0.14);

  --dd-control-min: 48px;
  --dd-content-max: 720px;
  --dd-transition: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dd-transition: 0ms; }
}