body.aeom-light {
  --aeom-bg: #fffdf8;
  --aeom-bg-soft: #f7f4ea;
  --aeom-surface: #ffffff;
  --aeom-surface-soft: #fffbf3;
  --aeom-ink: #1f2718;
  --aeom-muted: #5f6658;
  --aeom-line: rgba(112, 118, 91, 0.16);
  --aeom-line-strong: rgba(112, 118, 91, 0.28);
  --aeom-shadow: 0 28px 80px rgba(128, 102, 38, 0.12);
  --aeom-shadow-soft: 0 18px 48px rgba(128, 102, 38, 0.09);
  --aeom-orange: #ff9f1f;
  --aeom-yellow: #ffd84a;
  --aeom-green: #93e143;
  color-scheme: light;
  background-color: var(--aeom-bg);
  background-image:
    radial-gradient(circle at 12% 14%, rgba(255, 159, 31, 0.14), transparent 22%),
    radial-gradient(circle at 86% 16%, rgba(147, 225, 67, 0.16), transparent 20%),
    radial-gradient(circle at 52% 82%, rgba(255, 216, 74, 0.12), transparent 24%),
    linear-gradient(180deg, #fffdf8 0%, #fffaf1 42%, #f4f4eb 100%);
  color: var(--aeom-ink);
}

body.aeom-light .gradient-text {
  background: linear-gradient(90deg, var(--aeom-orange) 0%, var(--aeom-yellow) 44%, var(--aeom-green) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.aeom-light .brand-cta-primary,
body.aeom-light .btn-primary {
  background: linear-gradient(135deg, var(--aeom-orange) 0%, var(--aeom-yellow) 58%, var(--aeom-green) 100%);
  color: var(--aeom-ink) !important;
  border: 0;
  box-shadow: 0 18px 42px rgba(255, 159, 31, 0.18);
}

body.aeom-light .brand-cta-primary:hover,
body.aeom-light .btn-primary:hover {
  filter: brightness(1.03);
  box-shadow: 0 20px 44px rgba(255, 159, 31, 0.22);
}

body.aeom-light .brand-cta-secondary,
body.aeom-light .btn-outline {
  background: rgba(255, 255, 255, 0.86);
  color: var(--aeom-ink) !important;
  border: 1px solid var(--aeom-line-strong);
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .brand-cta-secondary:hover,
body.aeom-light .btn-outline:hover {
  background: #fff8ec;
  border-color: rgba(255, 159, 31, 0.34);
  color: var(--aeom-ink) !important;
}

body.aeom-light nav > div {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: var(--aeom-line) !important;
  box-shadow: 0 22px 64px rgba(126, 105, 41, 0.12) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.aeom-light nav.glass-nav {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.aeom-light .glass-shell,
body.aeom-light .nav-shell,
body.aeom-light .nav-glass {
  box-shadow: 0 22px 64px rgba(126, 105, 41, 0.12) !important;
}

body.aeom-light .nav-link,
body.aeom-light .mobile-nav-link {
  color: var(--aeom-muted) !important;
}

body.aeom-light .nav-link:hover,
body.aeom-light .nav-link-active {
  color: var(--aeom-ink) !important;
  border-color: var(--aeom-orange) !important;
}

body.aeom-light .mobile-nav-link-active {
  color: #c87200 !important;
}

body.aeom-light #mobile-menu {
  background: rgba(255, 252, 245, 0.98) !important;
  color: var(--aeom-ink);
}

body.aeom-light #mobile-menu-button,
body.aeom-light #close-menu {
  color: var(--aeom-ink) !important;
}

body.aeom-light h1,
body.aeom-light h2,
body.aeom-light h3,
body.aeom-light h4,
body.aeom-light h5,
body.aeom-light h6,
body.aeom-light section .text-white,
body.aeom-light main .text-white,
body.aeom-light footer .text-white {
  color: var(--aeom-ink) !important;
}

body.aeom-light section .leading-relaxed,
body.aeom-light main .leading-relaxed,
body.aeom-light [class*="text-gray-400"],
body.aeom-light [class*="text-gray-300"],
body.aeom-light [class*="text-slate-300"],
body.aeom-light [class*="text-[#b9c1df]"],
body.aeom-light [class*="text-[#c9d0ea]"],
body.aeom-light [class*="text-[#d3d8ee]"],
body.aeom-light [class*="text-white/40"],
body.aeom-light [class*="text-white/50"],
body.aeom-light [class*="text-white/70"],
body.aeom-light [class*="text-white/85"] {
  color: var(--aeom-muted) !important;
}

body.aeom-light [class*="text-[#ffd84a]"] {
  color: #bf6e00 !important;
}

body.aeom-light [class*="text-[#ff9f1f]"] {
  color: #cf7b00 !important;
}

body.aeom-light [class*="text-[#22d7cf]"],
body.aeom-light [class*="text-[#93e143]"] {
  color: #5f972c !important;
}

body.aeom-light [class*="bg-[#ff9f1f]/"] {
  background: rgba(255, 159, 31, 0.14) !important;
}

body.aeom-light [class*="bg-[#ffd84a]/"] {
  background: rgba(255, 216, 74, 0.18) !important;
}

body.aeom-light [class*="bg-[#22d7cf]/"],
body.aeom-light [class*="bg-[#93e143]/"] {
  background: rgba(147, 225, 67, 0.14) !important;
}

body.aeom-light section .rounded-\[26px\],
body.aeom-light section .rounded-\[28px\],
body.aeom-light section .rounded-\[30px\],
body.aeom-light section .rounded-\[32px\],
body.aeom-light section .rounded-\[34px\],
body.aeom-light main .rounded-\[26px\],
body.aeom-light main .rounded-\[28px\],
body.aeom-light main .rounded-\[30px\],
body.aeom-light main .rounded-\[32px\],
body.aeom-light main .rounded-\[34px\] {
  background: var(--aeom-surface) !important;
  border-color: var(--aeom-line) !important;
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .service-card,
body.aeom-light .card,
body.aeom-light .card-muted,
body.aeom-light .testi-card,
body.aeom-light .svc-card {
  background: var(--aeom-surface) !important;
  border-color: var(--aeom-line) !important;
  box-shadow: var(--aeom-shadow-soft) !important;
}

body.aeom-light .service-card:hover,
body.aeom-light .svc-card:hover,
body.aeom-light .testi-card:hover {
  border-color: rgba(255, 159, 31, 0.24) !important;
  box-shadow: var(--aeom-shadow) !important;
}

body.aeom-light .service-orb {
  background: linear-gradient(135deg, rgba(255, 159, 31, 0.12) 0%, rgba(147, 225, 67, 0.14) 100%) !important;
  border-color: rgba(255, 159, 31, 0.16) !important;
  box-shadow: none !important;
}

body.aeom-light .service-card h3,
body.aeom-light .service-card .service-link {
  color: var(--aeom-ink) !important;
}

body.aeom-light .service-card .service-link:hover {
  color: #cf7b00 !important;
}

body.aeom-light .brand-badge {
  border-color: rgba(255, 159, 31, 0.18) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #c87200 !important;
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .brand-badge-dot {
  background: var(--aeom-green) !important;
}

body.aeom-light .brand-chip {
  border-color: var(--aeom-line) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--aeom-ink) !important;
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light a.inline-flex.rounded-full:not(.brand-cta-primary):not(.brand-cta-secondary),
body.aeom-light span.inline-flex.rounded-full:not(.brand-cta-primary):not(.brand-cta-secondary),
body.aeom-light div.inline-flex.rounded-full:not(.brand-cta-primary):not(.brand-cta-secondary) {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: var(--aeom-line) !important;
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .hero-showcase,
body.aeom-light .hero-showcase > div,
body.aeom-light .hero-img-card,
body.aeom-light .portfolio-preview,
body.aeom-light #portfolio-slider > div,
body.aeom-light #portfolio-track article > div {
  border-color: var(--aeom-line) !important;
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .hero-showcase,
body.aeom-light .hero-showcase > div,
body.aeom-light .hero-img-card,
body.aeom-light .portfolio-preview {
  background: var(--aeom-surface) !important;
}

body.aeom-light .hero-competitor-label {
  color: #4f5948 !important;
}

body.aeom-light .hero-progress-track {
  background: rgba(95, 102, 88, 0.16) !important;
}

body.aeom-light .hero-competitor-fill {
  background: rgba(149, 123, 60, 0.46) !important;
}

body.aeom-light .hero-competitor-fill-soft {
  background: rgba(149, 123, 60, 0.3) !important;
}

body.aeom-light [class*="bg-[linear-gradient(135deg,rgba(255,159,31,0.14)_0%,rgba(34,215,207,0.12)_100%)]"] {
  background: linear-gradient(135deg, rgba(255, 159, 31, 0.1) 0%, rgba(255, 216, 74, 0.14) 48%, rgba(147, 225, 67, 0.14) 100%) !important;
  border-color: rgba(255, 159, 31, 0.2) !important;
}

body.aeom-light .mode-toggle {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid var(--aeom-line);
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .mode-btn {
  color: var(--aeom-muted);
}

body.aeom-light .mode-btn.active {
  background: linear-gradient(135deg, var(--aeom-orange) 0%, var(--aeom-yellow) 100%);
  color: var(--aeom-ink);
  box-shadow: 0 10px 24px rgba(255, 159, 31, 0.18);
}

body.aeom-light .mode-btn#mode-pac-btn.active {
  background: linear-gradient(135deg, #f18a16 0%, var(--aeom-yellow) 58%, var(--aeom-green) 100%);
  color: var(--aeom-ink);
}

body.aeom-light #portfolio-prev,
body.aeom-light #portfolio-next,
body.aeom-light #portfolio-prev-mobile,
body.aeom-light #portfolio-next-mobile {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--aeom-line) !important;
  color: var(--aeom-ink) !important;
  box-shadow: var(--aeom-shadow-soft);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.aeom-light #portfolio-prev:hover,
body.aeom-light #portfolio-next:hover,
body.aeom-light #portfolio-prev-mobile:hover,
body.aeom-light #portfolio-next-mobile:hover {
  background: #fff8ec !important;
  border-color: rgba(255, 159, 31, 0.28) !important;
  color: #cf7b00 !important;
}

body.aeom-light .faq-item,
body.aeom-light details {
  background: var(--aeom-surface) !important;
  border-color: var(--aeom-line) !important;
  box-shadow: var(--aeom-shadow-soft);
}

body.aeom-light .faq-icon {
  color: #5f972c !important;
}

body.aeom-light #cookie-banner,
body.aeom-light #cookie-settings-trigger {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--aeom-line) !important;
  color: var(--aeom-ink) !important;
  box-shadow: var(--aeom-shadow-soft) !important;
}

body.aeom-light footer {
  border-color: rgba(112, 118, 91, 0.1) !important;
}

body.aeom-light footer p,
body.aeom-light footer a {
  color: var(--aeom-muted) !important;
}

body.aeom-light footer a:hover {
  color: #cf7b00 !important;
}

body.aeom-light .portfolio-preview::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.88) 52%, rgba(255, 255, 255, 0) 100%);
}

body.aeom-light .portfolio-preview::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 251, 243, 0.8) 36%, rgba(255, 255, 255, 0.97) 70%, #ffffff 100%);
}

body.aeom-light .reveal {
  will-change: transform, opacity;
}

@media (max-width: 767px) {
  body.aeom-light nav > div {
    box-shadow: 0 16px 40px rgba(126, 105, 41, 0.12) !important;
  }

  body.aeom-light .brand-cta-primary,
  body.aeom-light .brand-cta-secondary {
    box-shadow: none;
  }
}
