:root {
  --dd-primary: #1d5fa7; --dd-primary-hover: #174b85; --dd-navy: #102a43;
  --dd-text: #243b53; --dd-muted: #526b82; --dd-surface: #fff;
  --dd-background: #f6f9fc; --dd-surface-soft: #eef5fb; --dd-border: #d9e5f0;
  --dd-success: #136c4b; --dd-warning: #87550e; --dd-danger: #b32d40;
  --dd-success-soft: #e9f5ef; --dd-warning-soft: #fff5df; --dd-danger-soft: #fff0f2;
  --dd-focus: #1d5fa7; --dd-inverse-muted: #c0d6eb;
  --dd-space-1: 4px; --dd-space-2: 8px; --dd-space-3: 12px; --dd-space-4: 16px;
  --dd-space-6: 24px; --dd-space-8: 32px; --dd-space-12: 48px; --dd-space-16: 64px; --dd-space-24: 96px;
  --dd-radius-sm: 8px; --dd-radius: 16px; --dd-radius-lg: 24px;
  --dd-shadow: 0 8px 32px rgb(16 42 67 / 5%); --dd-shadow-hover: 0 12px 32px rgb(16 42 67 / 9%);
  --dd-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bg: var(--dd-background); --surface: var(--dd-surface); --surface-secondary: var(--dd-surface-soft);
  --text: var(--dd-text); --text-muted: var(--dd-muted); --border: var(--dd-border);
  --primary: var(--dd-primary); --primary-hover: var(--dd-primary-hover);
}