/* Personal Website Branding CSS */
/* Generated from user appearance settings */

:root {
  --brand-primary: #0066CC;
  --brand-primary-dark: #66B3FF;
}

/* Apply dark mode brand color when system prefers dark */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --brand-primary: var(--brand-primary-dark);
  }
}

/* Apply dark mode brand color when explicitly set to dark */
[data-theme="dark"] {
  --brand-primary: var(--brand-primary-dark);
}

/* Headline colour */
h1, h2, h3, h4, h5, h6 {
  color: var(--brand-primary);
}