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

:root {
  --brand-primary: #CC0066;
  --brand-primary-dark: #FF66B3;
}

/* 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);
}

/* Headline font */
h1, h2, h3, h4, h5, h6 {
  font-family: "AvQest", sans-serif;
}

/* Body font */
body {
  font-family: "NotePaper", sans-serif;
}

/* Background image */
#bg-image-lazy {
  position: fixed;
  top: 0; left: 0; width: 100vw; height: 100vh;
  z-index: -1;
  opacity: 0.9;
  pointer-events: none;
  background-image: url('bg-custom.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}