:root {
  --dp-primary: #0B1528;
  --dp-primary-hover: #142544;
  --dp-accent: #10B981;
  --dp-accent-hover: #059669;
  --dp-surface-dark: #0F192E;
  --dp-bg-dark: #070C16;
  --dp-bg-light: #F7FAFC;
  --dp-text-primary: #F1F5F9;
  --dp-text-secondary: #94A3B8;
  /* Was #64748B, which measures 4.11:1 on --dp-bg-dark and 3.68:1 on --dp-surface-dark —
     both below the 4.5:1 WCAG AA floor, and it is used at 11-14px throughout. #7C8AA0
     measures 5.59:1 and 5.00:1 while staying clearly distinct from --dp-text-secondary. */
  --dp-text-muted: #7C8AA0;
  --dp-border: rgba(148, 163, 184, 0.12);
  --dp-border-accent: rgba(16, 185, 129, 0.3);
  
  --dp-font-display: 'Plus Jakarta Sans', sans-serif;
  --dp-font-sans: 'Inter', sans-serif;
  --dp-font-mono: 'JetBrains Mono', monospace;
  
  --dp-radius-sm: 8px;
  --dp-radius-md: 12px;
  --dp-radius-lg: 16px;
  --dp-radius-xl: 24px;
}