/* =========================================================
   ANAKO LIGHT THEME V2
   Shared high-contrast light-mode design tokens.
   Dark-mode rules are intentionally excluded.
   ========================================================= */

html[data-theme="light"] {
    color-scheme: light;
    --anako-light-primary: #087f63;
    --anako-light-primary-hover: #066b54;
    --anako-light-dark: #075747;
    --anako-light-text: #172b2a;
    --anako-light-muted: #475f5a;
    --anako-light-border: #9bc8bc;
    --anako-light-border-strong: #5f9384;
    --anako-light-card: #f3faf7;
    --anako-light-card-strong: #e5f3ee;
    --anako-light-page: #f8faf9;
    --anako-light-white: #ffffff;
    --anako-light-focus: #087f63;
    --anako-light-shadow-sm: 0 7px 20px rgba(7, 87, 71, .10);
    --anako-light-shadow: 0 16px 38px rgba(7, 87, 71, .14);
    --anako-light-shadow-lg: 0 22px 54px rgba(7, 87, 71, .18);
}

html[data-theme="light"] body {
    background: var(--anako-light-page) !important;
    color: var(--anako-light-text) !important;
}

html[data-theme="light"] :where(a, button, input, textarea, select, summary):focus-visible {
    outline: 3px solid rgba(8, 127, 99, .42);
    outline-offset: 2px;
}

html[data-theme="light"] ::selection {
    color: #fff;
    background: var(--anako-light-primary);
}

/* Tailwind utility normalization for legacy Blade views. */
html[data-theme="light"] :where(.text-gray-900, .text-gray-800, .text-gray-700) {
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] :where(.text-gray-600, .text-gray-500, .text-gray-400) {
    color: var(--anako-light-muted) !important;
}
html[data-theme="light"] :where(.text-purple-300, .text-purple-400, .text-purple-500,
    .text-purple-600, .text-purple-700, .text-indigo-500, .text-indigo-600,
    .text-indigo-700, .text-pink-500, .text-pink-600) {
    color: var(--anako-light-primary) !important;
}
html[data-theme="light"] :where(.border-gray-100, .border-gray-200, .border-gray-300,
    .border-purple-300, .border-purple-400, .border-purple-500,
    .border-indigo-400, .border-indigo-500) {
    border-color: var(--anako-light-border) !important;
}
html[data-theme="light"] :where(.bg-white, .bg-gray-50) {
    background-color: var(--anako-light-white) !important;
}
html[data-theme="light"] :where(.bg-gray-100, .bg-gray-200, .bg-purple-50,
    .bg-purple-100, .bg-indigo-50, .bg-indigo-100) {
    background-color: var(--anako-light-card-strong) !important;
}
html[data-theme="light"] :where(.bg-purple-500, .bg-purple-600, .bg-purple-700,
    .bg-indigo-500, .bg-indigo-600, .bg-indigo-700) {
    color: #fff !important;
    background-color: var(--anako-light-primary) !important;
}
html[data-theme="light"] :where(.hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover,
    .hover\:bg-purple-50:hover, .hover\:bg-purple-100:hover) {
    background-color: #deeee8 !important;
}
html[data-theme="light"] :where(.hover\:text-purple-600:hover, .hover\:text-purple-700:hover,
    .hover\:text-indigo-600:hover) {
    color: var(--anako-light-primary-hover) !important;
}
html[data-theme="light"] :where(.hover\:bg-purple-600:hover, .hover\:bg-purple-700:hover,
    .hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover) {
    color: #fff !important;
    background-color: var(--anako-light-primary-hover) !important;
}
html[data-theme="light"] :where(input, textarea, select) {
    color: var(--anako-light-text);
    background-color: #fff;
    border-color: var(--anako-light-border-strong);
}
html[data-theme="light"] :where(input, textarea)::placeholder {
    color: #587069;
    opacity: 1;
}

/* Shared interactive surfaces. */
html[data-theme="light"] :where(.gradient-primary, .anako-register-btn,
    .anako-hero-primary, .anako-trial-button) {
    color: #fff !important;
    background: linear-gradient(135deg, #075747 0%, #087f63 58%, #0a9675 100%) !important;
    border-color: #075747 !important;
    box-shadow: 0 10px 26px rgba(7, 87, 71, .22) !important;
}
html[data-theme="light"] :where(.gradient-primary, .anako-register-btn,
    .anako-hero-primary, .anako-trial-button):hover {
    background: linear-gradient(135deg, #064a3d 0%, #066b54 58%, #087f63 100%) !important;
}

/* Dashboard shell and navigation. */
html[data-theme="light"] #anakoMainShell,
html[data-theme="light"] #anakoMainShell > main {
    background: var(--anako-light-page) !important;
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] #anakoMainShell > header,
html[data-theme="light"] #sidebar {
    background: rgba(255, 255, 255, .98) !important;
    border-color: var(--anako-light-border) !important;
}
html[data-theme="light"] #anakoMainShell > header {
    box-shadow: 0 5px 20px rgba(7, 87, 71, .09) !important;
}
html[data-theme="light"] #sidebar {
    box-shadow: -9px 0 28px rgba(7, 87, 71, .10) !important;
}
html[data-theme="light"] #sidebar :where(a, button):not(.sidebar-active) {
    color: #29443f !important;
}
html[data-theme="light"] #sidebar :where(a, button):not(.sidebar-active):hover {
    color: var(--anako-light-dark) !important;
    background: #e5f3ee !important;
}
html[data-theme="light"] #sidebar .sidebar-active {
    color: #fff !important;
    background: linear-gradient(135deg, #075747, #087f63 62%, #0a9675) !important;
    box-shadow: 0 9px 24px rgba(7, 87, 71, .24) !important;
}
html[data-theme="light"] #desktopSidebarToggle {
    color: var(--anako-light-dark) !important;
    background: #fff !important;
    border-color: var(--anako-light-border-strong) !important;
}

/* Dashboard design-system tokens. */
html[data-theme="light"] .anako-home {
    --anako-bg: var(--anako-light-page) !important;
    --anako-card: var(--anako-light-card) !important;
    --anako-border: var(--anako-light-border) !important;
    --anako-text: var(--anako-light-text) !important;
    --anako-muted: var(--anako-light-muted) !important;
    --dash-bg: var(--anako-light-page) !important;
    --dash-panel: var(--anako-light-card) !important;
    --dash-panel-2: var(--anako-light-card-strong) !important;
    --dash-border: var(--anako-light-border) !important;
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] .anako-home :where(h1, h2, h3, h4, .anako-product-v3-title) {
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] .anako-home :where(p, .anako-product-v3-desc, .anako-game-copy p,
    .anako-smart-subtitle, .anako-panel-subtitle) {
    color: var(--anako-light-muted) !important;
}

/* Main dashboard cards. */
html[data-theme="light"] .anako-product-v3 {
    --pc-title: var(--anako-light-text) !important;
    --pc-muted: var(--anako-light-muted) !important;
    --pc-accent: var(--anako-light-primary) !important;
    --pc-accent-2: #0a9675 !important;
    --pc-soft: rgba(8, 127, 99, .11) !important;
    --pc-border: #75b8a5 !important;
    --pc-glow: rgba(8, 127, 99, .20) !important;
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 88% 12%, rgba(8, 127, 99, .16), transparent 34%),
        linear-gradient(145deg, #ffffff 0%, #edf8f4 52%, #dfeee9 100%) !important;
    border-color: #75b8a5 !important;
    box-shadow: var(--anako-light-shadow) !important;
}
html[data-theme="light"] .anako-product-v3:hover {
    border-color: var(--anako-light-primary) !important;
    box-shadow: var(--anako-light-shadow-lg) !important;
}
html[data-theme="light"] :where(.anako-product-v3-kicker, .anako-product-v3-cta) {
    color: var(--anako-light-dark) !important;
}
html[data-theme="light"] .anako-product-v3-cta {
    border-color: rgba(8, 127, 99, .38) !important;
    background: rgba(8, 127, 99, .10) !important;
}

html[data-theme="light"] :where(.anako-smart-banner-v2, .anako-arena-card,
    .anako-academy-card, .anako-panel) {
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 86% 10%, rgba(8, 127, 99, .16), transparent 34%),
        linear-gradient(145deg, #ffffff 0%, #edf8f4 56%, #e0f0ea 100%) !important;
    border-color: #75b8a5 !important;
    box-shadow: var(--anako-light-shadow) !important;
}
html[data-theme="light"] :where(.anako-smart-eyebrow-main, .anako-smart-new,
    .anako-arena-kicker) {
    color: var(--anako-light-dark) !important;
}
html[data-theme="light"] :where(.anako-smart-title-accent, .anako-game-copy h2) {
    color: var(--anako-light-text) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] :where(.anako-smart-cta, .anako-arena-cta) {
    color: #fff !important;
    background: linear-gradient(135deg, #075747, #087f63 60%, #0a9675) !important;
    border-color: #075747 !important;
    box-shadow: 0 9px 22px rgba(7, 87, 71, .22) !important;
}

html[data-theme="light"] .anako-market-galaxy {
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(8, 127, 99, .13), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(7, 87, 71, .09), transparent 32%),
        linear-gradient(180deg, #fff 0%, #e9f5f1 100%) !important;
    border-color: #75b8a5 !important;
    box-shadow: var(--anako-light-shadow) !important;
}
html[data-theme="light"] .anako-market-galaxy__eyebrow {
    color: var(--anako-light-dark) !important;
}

/* Social dashboard banner: use the same light card family as product cards. */
html[data-theme="light"] .anako-social-banner-v2 {
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 88% 12%, rgba(8, 127, 99, .15), transparent 34%),
        linear-gradient(145deg, #ffffff 0%, #edf8f4 54%, #dfeee9 100%) !important;
    border-color: #75b8a5 !important;
    box-shadow: var(--anako-light-shadow) !important;
}
html[data-theme="light"] .anako-social-banner-v2:hover {
    border-color: var(--anako-light-primary) !important;
    box-shadow: var(--anako-light-shadow-lg) !important;
}
html[data-theme="light"] .anako-social-banner-v2__glow {
    background: rgba(8, 127, 99, .12) !important;
}
html[data-theme="light"] .anako-social-banner-v2__eyebrow {
    color: var(--anako-light-dark) !important;
}
html[data-theme="light"] .anako-social-banner-v2 h2 {
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] .anako-social-banner-v2 p {
    color: var(--anako-light-muted) !important;
}
html[data-theme="light"] .anako-social-banner-v2__cta {
    color: #fff !important;
    background: linear-gradient(135deg, #075747, #087f63 62%, #0a9675) !important;
    border-color: #075747 !important;
    box-shadow: 0 9px 22px rgba(7, 87, 71, .22) !important;
}
html[data-theme="light"] .anako-social-banner-v2__cta:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #064a3d, #066b54 62%, #087f63) !important;
    box-shadow: 0 12px 28px rgba(7, 87, 71, .28) !important;
}
html[data-theme="light"] .anako-social-banner-v2__market path {
    stroke: rgba(7, 87, 71, .20) !important;
}
html[data-theme="light"] .anako-social-banner-v2__market path:first-child {
    stroke: var(--anako-light-primary) !important;
}
html[data-theme="light"] .anako-social-banner-v2__network path {
    stroke: rgba(7, 87, 71, .44) !important;
}
html[data-theme="light"] .anako-social-banner-v2__network circle {
    fill: #e5f3ee !important;
    stroke: var(--anako-light-primary) !important;
    filter: drop-shadow(0 0 6px rgba(8, 127, 99, .28)) !important;
}
html[data-theme="light"] .anako-social-banner-v2__chat {
    color: var(--anako-light-dark) !important;
    background: rgba(255, 255, 255, .92) !important;
    border-color: #75b8a5 !important;
    box-shadow: 0 8px 20px rgba(7, 87, 71, .14) !important;
}

/* Quick Access: contrast and stable 8/4/2 responsive layout. */
html[data-theme="light"] .aq2-card {
    --a: var(--anako-light-primary) !important;
    --b: #0a9675 !important;
    --soft: rgba(8, 127, 99, .12) !important;
    --border: #86b9aa !important;
    --title: var(--anako-light-text) !important;
    --muted: var(--anako-light-muted) !important;
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 18% 5%, rgba(8, 127, 99, .12), transparent 43%),
        linear-gradient(145deg, #fff 0%, #edf8f4 100%) !important;
    border-color: #86b9aa !important;
    box-shadow: var(--anako-light-shadow-sm) !important;
}
html[data-theme="light"] .aq2-card:hover {
    border-color: var(--anako-light-primary) !important;
    box-shadow: 0 16px 34px rgba(7, 87, 71, .18) !important;
}
html[data-theme="light"] .aq2-icon {
    color: var(--anako-light-dark) !important;
    background: #dcefe8 !important;
    border-color: #75b8a5 !important;
}
html[data-theme="light"] .aq2-title { color: var(--anako-light-text) !important; }
html[data-theme="light"] .aq2-meta { color: var(--anako-light-muted) !important; }

@media (min-width: 1200px) {
    .aq2-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    .aq2-grid > .aq2-card { min-height: 142px !important; aspect-ratio: auto !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .aq2-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    .aq2-grid > .aq2-card { min-height: 132px !important; aspect-ratio: auto !important; }
}
@media (max-width: 767px) {
    .aq2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
    .aq2-grid > .aq2-card { min-height: 124px !important; aspect-ratio: auto !important; }
}

/* Social Network surfaces. */
html[data-theme="light"] .anako-social {
    --social-bg: var(--anako-light-page);
    --social-card: #ffffff;
    --social-border: #9bc8bc;
    --social-text: var(--anako-light-text);
    --social-muted: var(--anako-light-muted);
    --social-soft: #e8f4f0;
    --social-accent: var(--anako-light-primary);
    --social-accent2: var(--anako-light-dark);
}
html[data-theme="light"] .social-card {
    box-shadow: 0 10px 28px rgba(7, 87, 71, .10);
}
html[data-theme="light"] .social-nav a.active {
    color: var(--anako-light-dark);
    background: linear-gradient(135deg, rgba(8, 127, 99, .18), rgba(7, 87, 71, .12));
}
html[data-theme="light"] :where(.social-create-button, .social-avatar) {
    background: linear-gradient(135deg, #075747, #087f63) !important;
}
html[data-theme="light"] .social-compose-link {
    color: var(--anako-light-muted);
    border-color: var(--anako-light-border-strong);
}

/* Public landing page. */
html[data-theme="light"] .hero-section {
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 14% 28%, rgba(8, 127, 99, .14), transparent 31%),
        radial-gradient(circle at 87% 27%, rgba(7, 87, 71, .10), transparent 31%),
        linear-gradient(180deg, #ffffff 0%, #f3faf7 56%, #e8f4f0 100%) !important;
}
html[data-theme="light"] .hero-section .hero-overlay {
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(248,250,249,.08) 54%, rgba(229,243,238,.24) 100%) !important;
}
html[data-theme="light"] .hero-section :where(h1, h1 *) {
    color: var(--anako-light-text) !important;
    text-shadow: none !important;
    filter: none !important;
}
html[data-theme="light"] .hero-section h1 .text-transparent,
html[data-theme="light"] :where(.anako-section-title-text, .anako-about-title span, .anako-bottom-title span) {
    color: transparent !important;
    background-image: linear-gradient(90deg, #075747 0%, #087f63 54%, #0a9675 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html[data-theme="light"] .hero-section :where(p.text-xl, .anako-hero-subtitle) {
    color: var(--anako-light-muted) !important;
}
html[data-theme="light"] .hero-section > .anako-public-navbar,
html[data-theme="light"] .public-site-header {
    color: var(--anako-light-text) !important;
    background: rgba(255, 255, 255, .96) !important;
    border-color: var(--anako-light-border) !important;
    box-shadow: 0 5px 20px rgba(7, 87, 71, .09) !important;
}
html[data-theme="light"] :where(.anako-public-brand, .anako-public-brand-name) {
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] :where(.anako-public-links > a, .anako-nav-dropdown-btn,
    .anako-control-btn, .anako-login-btn, .public-site-header .nav-link) {
    color: #29443f !important;
}
html[data-theme="light"] :where(.anako-public-links > a, .anako-nav-dropdown-btn,
    .anako-control-btn, .anako-login-btn, .public-site-header .nav-link):hover {
    color: var(--anako-light-primary-hover) !important;
}
html[data-theme="light"] :where(.anako-control-btn, .anako-login-btn) {
    background: #e8f4f0 !important;
    border-color: var(--anako-light-border-strong) !important;
}
html[data-theme="light"] .anako-header-dropdown {
    color: var(--anako-light-text) !important;
    background: #fff !important;
    border-color: var(--anako-light-border) !important;
    box-shadow: var(--anako-light-shadow) !important;
}
html[data-theme="light"] .anako-header-dropdown :where(a, button) {
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] .anako-header-dropdown :where(a, button):hover,
html[data-theme="light"] .anako-header-dropdown a[aria-current="page"] {
    color: var(--anako-light-dark) !important;
    background: #e5f3ee !important;
}
html[data-theme="light"] .anako-hero-accent {
    color: var(--anako-light-dark) !important;
    background: rgba(8, 127, 99, .10) !important;
    border-color: rgba(8, 127, 99, .38) !important;
}
html[data-theme="light"] .anako-hero-secondary {
    color: var(--anako-light-dark) !important;
    background: rgba(255, 255, 255, .82) !important;
    border-color: var(--anako-light-primary) !important;
    box-shadow: var(--anako-light-shadow-sm) !important;
}
html[data-theme="light"] .anako-hero-secondary:hover {
    color: #fff !important;
    background: var(--anako-light-primary-hover) !important;
}

/* Replace legacy purple/pink decorative UI without touching market semantics. */
html[data-theme="light"] :where(.ref-wave-line-purple, .ref-globe-ring.magenta) {
    stroke: #087f63 !important;
}
html[data-theme="light"] :where(.ref-wave-dot-purple, .about-node.purple) {
    fill: #0a9675 !important;
}
html[data-theme="light"] :where(.ref-net-line, .ref-globe-network) {
    stroke: rgba(7, 87, 71, .42) !important;
}
html[data-theme="light"] .anako-ref-grid {
    background-image:
        linear-gradient(rgba(8, 127, 99, .10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 127, 99, .10) 1px, transparent 1px) !important;
}
html[data-theme="light"] :where(.anako-ref-globe, .anako-ref-wave) {
    filter: saturate(.88) hue-rotate(58deg) drop-shadow(0 0 12px rgba(8,127,99,.18)) !important;
}
html[data-theme="light"] :where(.about-orbit, .about-orbit.alt, .about-node-line, .about-chart-line) {
    stroke: #087f63 !important;
}
html[data-theme="light"] .about-core-ring {
    fill: rgba(8, 127, 99, .11) !important;
    stroke: #087f63 !important;
    filter: drop-shadow(0 0 8px rgba(8, 127, 99, .35)) !important;
}
html[data-theme="light"] .about-core {
    fill: #087f63 !important;
    filter: drop-shadow(0 0 14px rgba(8, 127, 99, .32)) !important;
}
html[data-theme="light"] .about-node {
    fill: #0a9675 !important;
    filter: drop-shadow(0 0 5px rgba(8, 127, 99, .42)) !important;
}

html[data-theme="light"] :where(.anako-feature-card, .anako-about-visual-card,
    .anako-faq-item, .anako-contact-card, .aj-card, .aj-quick, .aj-game,
    .ag2-product, .ag2-report) {
    color: var(--anako-light-text) !important;
    background:
        radial-gradient(circle at 86% 10%, rgba(8,127,99,.10), transparent 35%),
        linear-gradient(145deg, #fff, #edf8f4) !important;
    border-color: var(--anako-light-border) !important;
    box-shadow: var(--anako-light-shadow) !important;
}
html[data-theme="light"] :where(.anako-feature-card, .anako-about-visual-card,
    .anako-faq-item, .anako-contact-card, .aj-card, .aj-quick, .aj-game,
    .ag2-product, .ag2-report):hover {
    border-color: var(--anako-light-primary) !important;
    box-shadow: var(--anako-light-shadow-lg) !important;
}
html[data-theme="light"] :where(.anako-feature-card p, .anako-about-section p,
    .anako-faq-answer, .anako-contact-description, .aj-card p, .ag2-product p,
    .ag2-note, .ag2-warning) {
    color: var(--anako-light-muted) !important;
}
html[data-theme="light"] :where(.anako-feature-icon, .anako-faq-chevron) {
    color: var(--anako-light-dark) !important;
    background: #dcefe8 !important;
    border-color: #75b8a5 !important;
}
html[data-theme="light"] .anako-journey {
    --aj-bg: var(--anako-light-page) !important;
    --aj-surface: #fff !important;
    --aj-surface-2: #e8f4f0 !important;
    --aj-border: var(--anako-light-border) !important;
    --aj-text: var(--anako-light-text) !important;
    --aj-muted: var(--anako-light-muted) !important;
    --aj-purple: var(--anako-light-primary) !important;
    --aj-blue: var(--anako-light-dark) !important;
    --aj-cyan: #0a9675 !important;
}

html[data-theme="light"] .anako-contact-section {
    color: var(--anako-light-text) !important;
    border-color: var(--anako-light-border) !important;
}
html[data-theme="light"] .anako-contact-button {
    color: var(--anako-light-dark) !important;
    background: #fff !important;
    border-color: var(--anako-light-border-strong) !important;
}
html[data-theme="light"] .anako-contact-button:hover {
    color: #fff !important;
    background: var(--anako-light-primary-hover) !important;
}
html[data-theme="light"] .anako-footer,
html[data-theme="light"] .layout-app-footer {
    color: var(--anako-light-muted) !important;
    background: #e8f4f0 !important;
    border-color: var(--anako-light-border) !important;
}
html[data-theme="light"] .anako-footer :where(a, .anako-footer-brand span) {
    color: var(--anako-light-text) !important;
}
html[data-theme="light"] .anako-footer a:hover {
    color: var(--anako-light-primary-hover) !important;
}

html[data-theme="light"] #anako-ai-window {
    color: var(--anako-light-text) !important;
    background: #fff !important;
    border-color: var(--anako-light-border) !important;
    box-shadow: var(--anako-light-shadow-lg) !important;
}
html[data-theme="light"] :where(.anako-ai-header, #anako-ai-send, .anako-ai-message.user) {
    color: #fff !important;
    background: linear-gradient(135deg, #075747, #087f63) !important;
}
html[data-theme="light"] .anako-ai-message.bot {
    color: var(--anako-light-text) !important;
    background: var(--anako-light-card) !important;
    border-color: var(--anako-light-border) !important;
}
html[data-theme="light"] :where(.anako-ai-message a, #anako-ai-input:focus) {
    border-color: var(--anako-light-primary) !important;
    color: var(--anako-light-dark) !important;
}
html[data-theme="light"] .anako-ai-message.user a {
    color: #fff !important;
}

/* Generic forms/cards used by app-layout pages, including mobile. */
html[data-theme="light"] body.layout-app main :where(.rounded-lg, .rounded-xl, .rounded-2xl) {
    border-color: var(--anako-light-border);
}
html[data-theme="light"] body.layout-app :where(input, textarea, select) {
    color: var(--anako-light-text);
    background: #fff;
    border-color: var(--anako-light-border-strong);
}
html[data-theme="light"] body.layout-app :where(input, textarea)::placeholder {
    color: #587069;
    opacity: 1;
}

@media (max-width: 767px) {
    html[data-theme="light"] .hero-section > .anako-public-navbar {
        background: rgba(255, 255, 255, .98) !important;
    }
    html[data-theme="light"] #mobileMenu .mobile-menu-panel,
    html[data-theme="light"] body > #mobileMenu .mobile-menu-panel {
        color: var(--anako-light-text) !important;
        background: #fff !important;
        border-color: var(--anako-light-border) !important;
    }
    html[data-theme="light"] #mobileMenu .mobile-menu-link:hover,
    html[data-theme="light"] body > #mobileMenu .mobile-menu-link:hover {
        color: var(--anako-light-dark) !important;
        background: #e5f3ee !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme="light"] *,
    html[data-theme="light"] *::before,
    html[data-theme="light"] *::after {
        scroll-behavior: auto !important;
    }
}