/* Footer-only palette tokens. Website theme variables remain unchanged. */
.yl-footer-design,
.yl-footer-default-transition.footer-transition-surface {
    --design-primary: var(--yl-footer-primary, var(--yl-theme-primary, #1f2937));
    --design-secondary: var(--yl-footer-dark, var(--yl-theme-primary-dark, #111827));
}
.yl-footer-design .footer-layout,
footer.yl-footer {
    --footer-palette-ink: var(--yl-footer-text, #fff);
    --footer-palette-muted: color-mix(in srgb, var(--footer-palette-ink) 82%, transparent);
    --footer-palette-line: color-mix(in srgb, var(--footer-palette-ink) 20%, transparent);
    --footer-palette-icon: color-mix(in srgb, var(--footer-palette-ink) 9%, transparent);
    --footer-palette-paper: color-mix(in srgb, var(--footer-palette-ink) 5%, transparent);
    color: var(--footer-palette-ink);
}
.yl-footer-design .footer-layout.footer-collection {
    --footer-ink: var(--footer-palette-ink);
    --footer-muted: var(--footer-palette-muted);
    --footer-line: var(--footer-palette-line);
    --footer-icon-bg: var(--footer-palette-icon);
    --footer-paper: var(--footer-palette-paper);
    --footer-accent: var(--yl-footer-accent, var(--yl-theme-accent, #c59d3d));
}
.yl-footer-design.site-design .footer-chamber {
    --footer-muted: var(--footer-palette-muted);
    --footer-line: var(--footer-palette-line);
    color: var(--footer-palette-ink);
    background: linear-gradient(110deg, var(--design-primary), var(--design-secondary) 65%, var(--design-primary));
}
.yl-footer-design .footer-layout.footer-collection .footer-brand,
.yl-footer-design .footer-layout.footer-collection .footer-main > .footer-contact {
    color: var(--footer-palette-ink);
    --footer-line: var(--footer-palette-line);
    --footer-icon-bg: var(--footer-palette-icon);
}
.yl-footer-design .footer-layout.footer-collection .footer-about,
.yl-footer-design .footer-layout.footer-chamber .chamber-company-about,
.yl-footer-design .footer-layout.footer-chamber .chamber-menu li,
.yl-footer-design .footer-layout.footer-chamber .chamber-contact-field h2,
.yl-footer-design .footer-layout.footer-chamber .footer-bottom {
    color: var(--footer-palette-muted);
}
.yl-footer-design .footer-layout.footer-chamber .chamber-menu,
.yl-footer-design .footer-layout.footer-chamber .chamber-contact-card,
.yl-footer-design .footer-layout.footer-chamber .chamber-bottom-band {
    border-color: var(--footer-palette-line);
}
.yl-footer-design .footer-layout.footer-chamber .chamber-bottom-band { background: var(--footer-palette-paper); }
.yl-footer-design .footer-layout.footer-chamber .chamber-menu h2::after,
.yl-footer-design .footer-layout.footer-chamber .chamber-contact-heading::after {
    background: var(--yl-footer-accent, var(--yl-theme-accent, #c59d3d));
}
.yl-footer-design .footer-layout.footer-chamber .chamber-menu li > a::before {
    color: var(--yl-footer-accent, var(--yl-theme-accent, #c59d3d));
}
.yl-footer-design .footer-layout.footer-chamber .chamber-contact-card h2 i {
    background: var(--footer-palette-icon);
    color: var(--footer-palette-ink);
}
.yl-footer-design .footer-layout.footer-chamber a.chamber-feedback {
    color: var(--footer-palette-ink) !important;
    background: var(--footer-palette-paper);
    border-color: var(--yl-footer-accent, var(--yl-theme-accent, #c59d3d));
}
.yl-footer-design .footer-layout.footer-chamber .footer-social a { border-color: var(--footer-palette-line); }
footer.yl-footer {
    background: linear-gradient(110deg, var(--yl-footer-primary, var(--yl-theme-primary, #1f2937)), var(--yl-footer-dark, var(--yl-theme-primary-dark, #111827)) 70%, var(--yl-footer-primary, var(--yl-theme-primary, #1f2937))) !important;
    border-top-color: var(--yl-footer-accent, var(--yl-theme-accent, #c59d3d));
}
footer.yl-footer .text-muted,
footer.yl-footer a.footer-link { color: var(--footer-palette-muted) !important; }
footer.yl-footer a.footer-link:hover { color: var(--footer-palette-ink) !important; }
footer.yl-footer .border-top { border-color: var(--footer-palette-line) !important; }
footer.yl-footer .footer-links ul ul { border-color: var(--footer-palette-line); }
footer.yl-footer .btn.btn-outline-dark { color: var(--footer-palette-ink); border-color: var(--footer-palette-line); }
footer.yl-footer .btn.btn-outline-dark:hover { background: var(--footer-palette-icon); color: var(--footer-palette-ink); }