:root {
  --primary: #0B1120;
  --primary-light: #1E293B;
  --accent: #0EA5E9;
  --accent-hover: #0284C7;
  --cyan: #22D3EE;
  --accent-soft: color-mix(in srgb, #0EA5E9 12%, transparent);
  /* Body/paragraph text color, used across every page. */
  --gray-700: #334155;
  /* Muted/lead/subtext color, used for descriptions and secondary text. */
  --gray-500: #64748B;
}

/* Dark mode palette — only applied once the visitor (or you, via Settings
   → Dark Mode Colors) has dark mode active. Fully editable, same as the
   light-mode colors above. */
body.dark-mode {
  --dm-bg: #0F1520;
  --dm-surface: #1A2333;
  --dm-surface-alt: #131B29;
  --dm-border: #26314A;
  --dm-heading: #F1F5F9;
  --dm-text: #94A3B8;
  --dm-footer-bg: #05070C;
}