:root {
  /* dark-mode logo gradient: from #6F01A1 to #4CC9F0 */
  --color-bg: #1a1a1a;
  --color-text: #f5f5f5;
  --color-accent-start: #6F01A1;
  --color-accent-end:   #4CC9F0;
  --color-highlight: rgba(255, 0, 161, 0.1);
  --transition-duration: 0.6s;
  --line-height: 1px;
  --primary: #6F01A1; /* Primary color for the dot */
}
[data-theme="light"] {
  /* light-mode logo gradient: from #6F01A1 to #0835FF */
  --color-bg: #f9f9f9;
  --color-text: #333;
  --color-accent-start: #6F01A1;
  --color-accent-end:   #0835FF;
  --color-highlight: rgba(255, 0, 161, 0.1);
}