/*
 * Keep the site in light mode even when the visitor's device prefers dark
 * colors. This file is loaded last so it can override the theme's automatic
 * dark-mode palette.
 */
:root {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #ffffff;
    --color-background-alt: #f8fafc;
    --color-background-subtle: #f1f5f9;
    --color-text-primary: #0f172a;
    --color-text-secondary: #475569;
    --color-text-muted: #64748b;
    --color-text-inverse: #ffffff;
    --color-border: #e2e8f0;
    --color-border-light: #f1f5f9;
    --color-primary: #0f766e;
    --color-primary-light: #0d9488;
    --color-primary-dark: #115e59;
  }

  .site-header {
    background-color: rgb(255 255 255 / 95%);
  }

  .menu-icon,
  .social-navigation .social_icons {
    filter: none;
  }

  .home-hero {
    background:
      radial-gradient(circle at 6% 12%, rgb(204 251 241 / 80%), transparent 34%),
      radial-gradient(circle at 94% 88%, rgb(255 237 213 / 85%), transparent 35%),
      var(--color-background-alt);
  }

  .bio-hero {
    background:
      radial-gradient(circle at 8% 10%, rgb(204 251 241 / 90%), transparent 36%),
      radial-gradient(circle at 92% 90%, rgb(255 237 213 / 85%), transparent 38%),
      var(--color-background-alt);
  }

  .home-highlights {
    border-color: #138078;
    background: linear-gradient(105deg, #138078, #0f766e);
  }
}