:root {
  --bulma-primary-h: 212deg;
  --bulma-primary-s: 92%;
  --bulma-primary-l: 56%;
  --bulma-link-h: 221deg;
  --bulma-link-s: 88%;
  --bulma-link-l: 52%;
  --bulma-info-s: 90%;
  --bulma-info-l: 68%;
  --bulma-success-s: 45%;
  --bulma-success-l: 45%;
  --bulma-danger-h: 338deg;
  --bulma-danger-s: 78%;
  --bulma-danger-l: 68%;
  --bulma-scheme-h: 214;
  --bulma-scheme-s: 18%;
  --bulma-light-l: 97%;
  --bulma-soft-l: 92%;
  --bulma-family-primary: Manrope, Inter, SF Pro, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --bulma-family-secondary: Fraunces, Georgia, serif;
  --bulma-body-background-color: hsl(214, 18%, 98%);
  --bulma-body-family: Manrope, Inter, SF Pro, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --bulma-body-color: hsla(214deg, 22%, 24%, 1);
  --bulma-hr-background-color: hsl(214, 18%, 90%);
  --bulma-strong-color: hsl(214, 24%, 18%);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bulma-body-background-color: #070a12;
  --bulma-body-color: #aeb8c8;
  --bulma-strong-color: #d5deec;
  --bulma-title-color: #79b8ff;
  --bulma-subtitle-color: #8f9db2;
  --bulma-text: #aeb8c8;
  --bulma-text-strong: #d5deec;
  --bulma-link-text: #79b8ff;
  --bulma-link-text-hover: #a9d3ff;
  --bulma-scheme-main: #0b1020;
  --bulma-scheme-main-bis: #101827;
  --bulma-scheme-main-ter: #151f33;
  --bulma-background: #101827;
  --bulma-border: rgba(145, 172, 210, 0.22);
  --bulma-card-background-color: rgba(13, 20, 35, 0.96);
  --bulma-box-background-color: rgba(13, 20, 35, 0.96);
  --bulma-footer-background-color: #080d18;
}

[data-theme="dark"],
[data-theme="dark"] body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 98, 230, 0.10), transparent 34rem),
    var(--bulma-body-background-color);
  color: var(--bulma-body-color);
}

[data-theme="dark"] main {
  background-color: var(--bulma-body-background-color);
}

[data-theme="dark"] .navbar.is-link {
  background-color: rgba(7, 10, 18, 0.94);
  border-bottom: 1px solid rgba(145, 172, 210, 0.18);
}

[data-theme="dark"] .hero {
  background:
    radial-gradient(circle at 78% 10%, rgba(77, 164, 255, 0.18), transparent 28rem),
    linear-gradient(180deg, rgba(11, 16, 32, 0.98) 0%, rgba(8, 13, 24, 0.98) 100%);
  color: var(--bulma-body-color);
}

[data-theme="dark"] .section {
  background: transparent;
}

[data-theme="dark"] .card,
[data-theme="dark"] .box,
[data-theme="dark"] .notification {
  background-color: rgba(8, 13, 24, 0.96);
  border: 1px solid rgba(145, 172, 210, 0.14);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.30);
  color: var(--bulma-body-color);
}

[data-theme="dark"] .card-footer {
  border-top-color: rgba(145, 172, 210, 0.18);
}

[data-theme="dark"] .card-footer-item,
[data-theme="dark"] .menu-list a {
  color: var(--bulma-link-text);
}

[data-theme="dark"] .card-footer-item:hover,
[data-theme="dark"] .menu-list a:hover {
  background-color: rgba(121, 184, 255, 0.10);
  color: var(--bulma-link-text-hover);
}

[data-theme="dark"] .title,
[data-theme="dark"] .content h1,
[data-theme="dark"] .content h2,
[data-theme="dark"] .content h3,
[data-theme="dark"] .content h4,
[data-theme="dark"] .content h5,
[data-theme="dark"] .content h6 {
  color: var(--bulma-title-color);
}

[data-theme="dark"] .subtitle,
[data-theme="dark"] .content {
  color: var(--bulma-body-color);
}

[data-theme="dark"] .content strong {
  color: var(--bulma-strong-color);
}

[data-theme="dark"] .button:not(.is-link) {
  background-color: rgba(255, 255, 255, 0.045);
  border-color: rgba(145, 172, 210, 0.24);
  color: #d5deec;
}

[data-theme="dark"] .button:not(.is-link):hover {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(145, 172, 210, 0.38);
}

[data-theme="dark"] .footer {
  background-color: var(--bulma-footer-background-color);
  border-top: 1px solid rgba(145, 172, 210, 0.16);
  color: #aebed4;
}
