html {
  color-scheme: dark;
}

html.light {
  color-scheme: light;
}

html.light body {
  background: #f8fafc !important;
  color: #0f172a !important;
}

html.light .bg-background,
html.light .bg-background\/80,
html.light .bg-surface,
html.light .bg-surface\/80,
html.light .bg-surface-dim,
html.light .bg-surface-dark {
  background-color: #f8fafc !important;
}

html.light .bg-surface-container-lowest,
html.light .bg-surface-container-lowest\/50,
html.light .bg-surface-container-lowest\/80,
html.light .bg-surface-container-low,
html.light .bg-surface-container-low\/50,
html.light .bg-surface-container,
html.light .bg-surface-container\/50,
html.light .bg-surface-container-high,
html.light .bg-surface-container-high\/30,
html.light .bg-surface-container-high\/40,
html.light .bg-surface-container-high\/50,
html.light .bg-surface-container-highest,
html.light .bg-surface-container-highest\/30,
html.light .bg-surface-container-highest\/50,
html.light .bg-surface-variant,
html.light .bg-surface-variant\/30,
html.light .bg-surface-variant\/50,
html.light .bg-surface-bright,
html.light .bg-surface-bright\/20,
html.light .bg-surface-bright\/50,
html.light .glass-panel,
html.light .glass-panel-heavy,
html.light .glass-card {
  background-color: rgba(255, 255, 255, 0.86) !important;
}

html.light .text-on-background,
html.light .text-on-surface {
  color: #0f172a !important;
}

html.light .text-on-surface-variant,
html.light .text-on-surface-variant\/50,
html.light .text-slate-gray,
html.light .text-tertiary,
html.light .text-on-tertiary-container,
html.light .text-on-tertiary-fixed-variant {
  color: #64748b !important;
}

html.light .text-primary {
  color: #006591 !important;
}

html.light .text-secondary,
html.light .text-secondary-fixed,
html.light .text-secondary-fixed-dim {
  color: #2f2ebe !important;
}

html.light .bg-primary,
html.light .bg-primary-container {
  background-color: #0ea5e9 !important;
}

html.light .text-on-primary,
html.light .text-on-primary-container {
  color: #ffffff !important;
}

html.light .border-glass-border,
html.light .border-outline,
html.light .border-outline-variant {
  border-color: rgba(15, 23, 42, 0.12) !important;
}

html.light .shadow-sm,
html.light .shadow-lg,
html.light .shadow-2xl {
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
}

html.light input,
html.light textarea,
html.light select {
  background-color: rgba(255, 255, 255, 0.92) !important;
  color: #0f172a !important;
}

html.light input::placeholder,
html.light textarea::placeholder {
  color: #94a3b8 !important;
}

html.light img.mix-blend-luminosity {
  mix-blend-mode: normal !important;
  opacity: 0.92 !important;
}

[data-theme-toggle] .material-symbols-outlined {
  transition: transform 180ms ease, color 180ms ease;
}

[data-theme-toggle]:active .material-symbols-outlined {
  transform: scale(0.92);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

img,
video,
iframe,
svg {
  max-width: 100%;
}

img,
video {
  height: auto;
}

input,
select,
textarea,
button,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div {
  min-width: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
button,
label {
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  body {
    width: 100%;
  }

  header,
  nav,
  main,
  footer,
  section,
  aside {
    max-width: 100vw;
  }

  .text-display-hero {
    font-size: 2.25rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  .text-headline-lg,
  .text-headline-md {
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  .px-margin-desktop {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-section-gap {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .gap-section-gap {
    gap: 48px !important;
  }

  .mb-section-gap {
    margin-bottom: 48px !important;
  }

  .mt-section-gap {
    margin-top: 48px !important;
  }

  .w-\[calc\(100\%-16rem\)\],
  .md\:w-\[calc\(100\%-256px\)\] {
    width: 100% !important;
  }

}