:root {
  color-scheme: light;
}

#root,
#root.dark {
  color-scheme: light;
  --background: 210 45% 98%;
  --foreground: 215 32% 17%;
  --card: 0 0% 100%;
  --card-foreground: 215 32% 17%;
  --card-border: 211 32% 89%;
  --border: 211 32% 89%;
  --input: 211 32% 89%;
  --ring: 210 75% 43%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 32% 17%;
  --popover-border: 211 32% 89%;
  --primary: 210 78% 42%;
  --primary-foreground: 0 0% 100%;
  --secondary: 197 70% 42%;
  --secondary-foreground: 0 0% 100%;
  --muted: 210 35% 95%;
  --muted-foreground: 214 17% 40%;
  --accent: 190 68% 36%;
  --accent-foreground: 0 0% 100%;
  --sidebar: 210 45% 98%;
  --sidebar-foreground: 215 32% 17%;
  --sidebar-border: 211 32% 89%;
  --sidebar-primary: 210 78% 42%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 210 35% 95%;
  --sidebar-accent-foreground: 215 32% 17%;
  --sidebar-ring: 210 75% 43%;
}

html,
body {
  color-scheme: light !important;
  background: #f4f8fc !important;
  color: #26384a;
}

#root {
  min-height: 100vh;
  background: #f4f8fc !important;
  color: #26384a;
}

#root main.yu-monochrome-main:not(:has(.yu-home)) {
  background-color: #f7faff !important;
  color: #26384a !important;
}

#root .yu-shared-header > div:first-child {
  background: linear-gradient(90deg, #e9f3fb, #f7fbff 50%, #e9f3fb) !important;
  border-color: #d9e7f3 !important;
}

#root .yu-shared-header > div:first-child .container :is(a, span) {
  color: #435b72 !important;
  font-size: 13px !important;
}

#root .yu-shared-header > div:first-child svg {
  color: #347bb6 !important;
}

#root .yu-shared-header > div:nth-child(2) {
  background-color: rgb(255 255 255 / 97%) !important;
  border-color: #dce7f0 !important;
}

#root .yu-shared-header [data-testid="link-logo"] span:first-of-type,
#root .yu-shared-header [data-testid="link-logo"] p:first-of-type {
  color: #174f80 !important;
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #174f80 !important;
  font-size: clamp(18px, 1.8vw, 23px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
}

#root .yu-shared-header [data-testid="link-logo"] span:last-of-type,
#root .yu-shared-header [data-testid="link-logo"] p:last-of-type {
  color: #5b7085 !important;
  -webkit-text-fill-color: #5b7085 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

#root .yu-shared-header nav > a,
#root .yu-shared-header nav > div > button,
#root .yu-shared-header [data-testid="link-enquire"],
#root .yu-shared-header [data-testid="link-call-now"] {
  font-size: 15px !important;
}

#root .yu-shared-header [data-testid="button-dark-toggle"] {
  display: none !important;
}

#root .yu-mobile-menu {
  background: #f7faff !important;
  color: #26384a !important;
}

#root .yu-mobile-menu > div:first-child {
  background: linear-gradient(135deg, #e7f2fb, #f5faff) !important;
  color: #26384a !important;
}

#root .yu-mobile-menu > div:first-child p:first-of-type {
  color: #174f80 !important;
  -webkit-text-fill-color: #174f80 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

#root .yu-mobile-menu > div:first-child p:nth-of-type(2) {
  color: #5b7085 !important;
  font-size: 11px !important;
}

#root .yu-mobile-menu > div:first-child :is(a, span) {
  color: #435b72 !important;
}

#root .yu-mobile-menu a {
  font-size: 15px !important;
}

#root footer.yu-shared-footer {
  background: #f1f6fb !important;
  color: #334c63 !important;
  border-top: 1px solid #d9e6f1;
}

#root footer.yu-shared-footer > div:first-child {
  background: #e8f2fa !important;
  border-color: #d6e4f0 !important;
}

#root footer.yu-shared-footer [class*="text-white"],
#root footer.yu-shared-footer :is(p, a, span, li, h1, h2, h3, h4) {
  color: #4a6177 !important;
}

#root footer.yu-shared-footer h1,
#root footer.yu-shared-footer h2,
#root footer.yu-shared-footer h3,
#root footer.yu-shared-footer h4,
#root footer.yu-shared-footer a.group p:first-of-type {
  color: #204666 !important;
  -webkit-text-fill-color: #204666 !important;
}

#root footer.yu-shared-footer a[href^="https://wa.me"] {
  color: #fff !important;
  background: #189b58 !important;
}

#root footer.yu-shared-footer a[href^="https://wa.me"] * {
  color: #fff !important;
}

#root footer.yu-shared-footer svg {
  color: #397bb0 !important;
}

#root footer.yu-shared-footer a[href^="https://wa.me"] svg {
  color: #fff !important;
}

#root main thead {
  background: #e8f2fa !important;
  color: #26465f !important;
}

#root main thead th {
  color: #26465f !important;
}

#root [class*="bg-[#F5EEFF]"] {
  background-color: #edf4fa !important;
}

#root .yu-shared-header [data-testid="button-hamburger"] {
  color: #315775 !important;
}