:root {
  --oa-ds-radius-sm: 10px;
  --oa-ds-radius-md: 18px;
  --oa-ds-radius-pill: 999px;
  --oa-ds-glass-blur: saturate(160%) blur(18px);
  --oa-ds-shadow-soft: 0 14px 34px rgba(17, 33, 29, 0.12);
  --oa-ds-shadow-liquid: 0 16px 38px rgba(17, 95, 87, 0.18), inset 0 1px 0 rgba(255,255,255,0.42);
  --oa-ds-line: rgba(24, 41, 36, 0.16);
  --oa-ds-teal: #1b8179;
  --oa-ds-teal-soft: #d8eee8;
  --oa-ds-ink: #17241f;
  --oa-ds-muted: #66766f;
  --oa-ds-surface: rgba(250, 247, 239, 0.78);
}

:root[data-oa-theme="dark"],
body.oa-dark,
body.oa-faq-dark,
body.oa-contact-dark,
body.oa-guide-dark,
body.oa-current-dark,
body.oa-catalog-dark {
  --oa-ds-line: rgba(232, 242, 236, 0.18);
  --oa-ds-teal: #85d7cb;
  --oa-ds-teal-soft: rgba(105, 198, 185, 0.18);
  --oa-ds-ink: #f1eee4;
  --oa-ds-muted: #bac8c0;
  --oa-ds-surface: rgba(17, 27, 23, 0.72);
}

body.oa-design-system-enabled :is(.oa-liquid-button, .oa-glass-button, .oa-home-cta, .oa-catalog-submit, .oa-contact-form button, .oa-guide-card a, .oa-guide-cta a, .oa-faq-cta a, .oa-page-length select, .paginate_button, .oa-current-card a, .oa-blog-page a.button, .oa-catalog-card a) {
  border: 1px solid color-mix(in srgb, var(--oa-ds-teal) 54%, transparent) !important;
  border-radius: var(--oa-ds-radius-pill) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--oa-ds-teal-soft) 82%, white 18%), color-mix(in srgb, var(--oa-ds-surface) 78%, transparent)) !important;
  color: var(--oa-ds-ink) !important;
  box-shadow: var(--oa-ds-shadow-liquid) !important;
  backdrop-filter: var(--oa-ds-glass-blur) !important;
  -webkit-backdrop-filter: var(--oa-ds-glass-blur) !important;
  letter-spacing: 0 !important;
}

body.oa-design-system-enabled :is(.oa-liquid-button, .oa-glass-button, .oa-home-cta, .oa-catalog-submit, .oa-contact-form button, .oa-guide-card a, .oa-guide-cta a, .oa-faq-cta a, .oa-current-card a, .oa-blog-page a.button, .oa-catalog-card a):hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--oa-ds-teal) 72%, transparent) !important;
}

body.oa-design-system-enabled :is(.oa-card, .oa-glass-card, .oa-stat-card, .oa-map-shell, .oa-filter-panel, .oa-feature-panel, .oa-literature-panel, .oa-faq-panel, .oa-contact-card, .oa-guide-card) {
  border-color: var(--oa-ds-line) !important;
  backdrop-filter: var(--oa-ds-glass-blur) !important;
  -webkit-backdrop-filter: var(--oa-ds-glass-blur) !important;
}

body.oa-design-system-enabled .site-header :is(.oa-theme-toggle, .oa-lang-toggle, .oa-atlas-controls button, .oa-archive-controls button, .oa-lit-controls button, .oa-blog-controls button, .oa-current-controls button, .oa-guide-controls button, .oa-contact-controls button, .oa-faq-controls button, .oa-catalog-controls button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.oa-design-system-enabled :is(.dataTables_length, .dataTables_info, .dataTables_paginate) {
  color: var(--oa-ds-muted) !important;
}

@media (max-width: 760px) {
  body.oa-design-system-enabled .site-header :is(.menu-toggle, .oa-mobile-menu-button) {
    border: 1px solid color-mix(in srgb, var(--oa-ds-teal) 48%, transparent) !important;
    border-radius: var(--oa-ds-radius-pill) !important;
    background: color-mix(in srgb, var(--oa-ds-surface) 78%, transparent) !important;
    box-shadow: var(--oa-ds-shadow-liquid) !important;
    backdrop-filter: var(--oa-ds-glass-blur) !important;
    -webkit-backdrop-filter: var(--oa-ds-glass-blur) !important;
  }
}