/* Color-only layer. The original typography, spacing, content and layout are retained. */
html[data-palette][data-theme] { --teal:var(--accent); --teal-dark:var(--accent-hover); --mint:var(--tint); --sand:var(--warm); --copper:var(--spark); --night:var(--deep); --shadow:0 24px 60px var(--shade); }
html[data-palette] ::selection { background:var(--accent); color:var(--on-accent); }
html[data-palette] :focus-visible { outline-color:var(--accent); }
html[data-palette][data-theme] .site-header { background:color-mix(in srgb,var(--bg) 95%,transparent); border-color:var(--line); }
html[data-palette][data-theme] .brand-name span { color:var(--accent); }
html[data-palette][data-theme] .nav-cta,
html[data-palette][data-theme] .button-primary,
html[data-palette][data-theme] .portrait-mark-bottom { background:var(--accent); color:var(--on-accent); }
html[data-palette][data-theme] .nav-cta:hover,
html[data-palette][data-theme] .button-primary:hover { background:var(--accent-hover); color:var(--on-accent); }
html[data-palette][data-theme] .hero { background:var(--bg); }
html[data-palette][data-theme] .eyebrow-dot { background:var(--accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent); }
html[data-palette][data-theme] .eyebrow-bangla { border-color:var(--line); }
html[data-palette][data-theme] .hero-art:before { background:var(--halo); }
html[data-palette][data-theme] .portrait-arch { background:var(--tint); border-color:var(--surface); box-shadow:0 20px 55px var(--shade); }
html[data-palette][data-theme] .portrait-orbit { border-color:color-mix(in srgb,var(--accent) 25%,transparent); }
html[data-palette][data-theme] .portrait-mark-top { background:var(--warm); color:var(--ink); }
html[data-palette][data-theme] .portrait-mark-top span { color:var(--accent); }
html[data-palette][data-theme] .teacher-card { background:var(--surface); color:var(--ink); box-shadow:0 18px 35px var(--shade); }
html[data-palette][data-theme] .teacher-card small { color:var(--muted); }
html[data-palette][data-theme] .teacher-card-icon { background:var(--tint); color:var(--accent); }
html[data-palette][data-theme] .promise-card-ink { background:var(--deep); color:var(--on-deep); }
html[data-palette][data-theme] .promise-card-ink .promise-glyph { color:var(--deep-accent); }
html[data-palette][data-theme] .promise-card-sand { background:var(--warm); color:var(--ink); }
html[data-palette][data-theme] .promise-card-mint { background:var(--tint); color:var(--ink); }
html[data-palette][data-theme] .path-card-active { background:var(--strong); color:var(--on-strong); }
html[data-palette][data-theme] .path-card-speaking { background:var(--tint); color:var(--ink); }
html[data-palette][data-theme] .path-card-writing { background:var(--warm); color:var(--ink); }
html[data-palette][data-theme] .path-card-reading { background:var(--surface-alt); color:var(--ink); }
html[data-palette][data-theme] .featured,
html[data-palette][data-theme] .closing { background:var(--deep); color:var(--on-deep); }
html[data-palette][data-theme] .featured:before { border-color:color-mix(in srgb,var(--deep-accent) 18%,transparent); box-shadow:0 0 0 100px color-mix(in srgb,var(--deep-accent) 3%,transparent),0 0 0 200px color-mix(in srgb,var(--deep-accent) 3%,transparent); }
html[data-palette][data-theme] .featured .section-index,
html[data-palette][data-theme] .featured h2 .display-serif,
html[data-palette][data-theme] .featured-intro .featured-course-accent { color:var(--deep-accent); }
html[data-palette][data-theme] .featured-intro>p:not(.section-index),
html[data-palette][data-theme] .featured-detail>div { color:var(--deep-muted); }
html[data-palette][data-theme] .featured-intro .featured-bangla { color:var(--deep-muted)!important; }
html[data-palette][data-theme] .live-pill { color:var(--deep-accent); background:color-mix(in srgb,var(--deep-accent) 10%,transparent); border-color:color-mix(in srgb,var(--deep-accent) 28%,transparent); }
html[data-palette][data-theme] .live-pill span { background:var(--deep-accent); }
html[data-palette][data-theme] .featured-card { background:var(--strong); color:var(--on-strong); border-color:color-mix(in srgb,var(--on-strong) 24%,transparent); }
html[data-palette][data-theme] .button-light,
html[data-palette][data-theme] .closing .button-primary { background:var(--deep-accent); color:var(--deep); }
html[data-palette][data-theme] .button-light:hover,
html[data-palette][data-theme] .closing .button-primary:hover { background:var(--on-deep); color:var(--deep); }
html[data-palette][data-theme] .detail-icon { background:var(--deep-accent); color:var(--deep); }
html[data-palette][data-theme] .featured-offer { background:var(--offer); color:var(--offer-ink); }
html[data-palette][data-theme] .featured-offer .offer-label,
html[data-palette][data-theme] .featured-offer .offer-price strong,
html[data-palette][data-theme] .featured-offer .offer-payment,
html[data-palette][data-theme] .offer-payment strong { color:var(--offer-ink); }
html[data-palette][data-theme] .featured-offer>p,
html[data-palette][data-theme] .offer-price>div span,
html[data-palette][data-theme] .featured-offer .offer-price del { color:var(--offer-muted); }
html[data-palette][data-theme] .featured-offer .offer-price del { opacity:1; }
html[data-palette][data-theme] .offer-discount,
html[data-palette][data-theme] .whatsapp-chip { background:var(--badge); color:var(--on-badge); }
html[data-palette][data-theme] .featured-offer .offer-whatsapp:hover { color:var(--offer-ink); }
html[data-palette][data-theme] .featured-offer .offer-whatsapp:hover .whatsapp-chip { background:var(--offer-ink); color:var(--offer); }
html[data-palette][data-theme] .featured-offer .offer-topline,
html[data-palette][data-theme] .featured-offer .offer-whatsapp { border-color:color-mix(in srgb,var(--offer-ink) 25%,transparent); }
html[data-palette][data-theme] .method,
html[data-palette][data-theme] .about { background:var(--surface-alt); }
html[data-palette][data-theme] .method-steps,
html[data-palette][data-theme] .method-steps article,
html[data-palette][data-theme] .about-proof { border-color:var(--line); }
html[data-palette][data-theme] .free-card-video { background:var(--deep); color:var(--on-deep); }
html[data-palette][data-theme] .free-card-blog { background:var(--warm); color:var(--ink); }
html[data-palette][data-theme] .free-card-blog .free-card-top span { background:var(--surface); color:var(--ink); }
html[data-palette][data-theme] .about-portrait { background:var(--tint); }
html[data-palette][data-theme] .about-image-note { background:var(--deep); color:var(--on-deep); }
html[data-palette][data-theme] .about-image-note span { color:var(--deep-accent); }
html[data-palette][data-theme] .credential-teaching,
html[data-palette][data-theme] .credentials-showcase .credential-certificate { background:var(--surface); }
html[data-palette][data-theme] .teaching-video { background:var(--deep); }
html[data-palette][data-theme] .loop-label { background:color-mix(in srgb,var(--deep) 85%,transparent); color:var(--on-deep); }
html[data-palette][data-theme] .loop-label>span { background:var(--deep-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--deep-accent) 14%,transparent); }
html[data-palette][data-theme] .credentials-showcase .credential-ielts { background:var(--deep); color:var(--on-deep); }
html[data-palette][data-theme] .ielts-head .credential-kicker { color:var(--deep-accent); }
html[data-palette][data-theme] .ielts-head .ielts-score small,
html[data-palette][data-theme] .credentials-showcase .ielts-copy dt,
html[data-palette][data-theme] .credentials-showcase .ielts-copy>small,
html[data-palette][data-theme] .ielts-cefr span { color:var(--deep-muted); }
html[data-palette][data-theme] .ielts-copy .ielts-breakdown-title { color:var(--on-deep); }
html[data-palette][data-theme] .credentials-showcase .ielts-preview,
html[data-palette][data-theme] .certificate-preview { background:var(--paper); }
html[data-palette][data-theme] .closing-small,
html[data-palette][data-theme] .closing h2 span { color:var(--deep-accent); }
html[data-palette][data-theme] .closing-inner>p:lang(bn) { color:var(--deep-muted); }
html[data-palette][data-theme] .closing-inner:before,
html[data-palette][data-theme] .closing-inner:after { border-color:color-mix(in srgb,var(--deep-accent) 20%,transparent); box-shadow:0 0 0 60px color-mix(in srgb,var(--deep-accent) 3%,transparent); }
html[data-palette][data-theme] .button-outline { color:var(--on-deep); border-color:var(--deep-muted); }
html[data-palette][data-theme] .site-footer { background:var(--footer); color:var(--deep-muted); }
html[data-palette][data-theme] .footer-brand .brand-name,
html[data-palette][data-theme] .footer-grid h3 { color:var(--on-deep); }
html[data-palette][data-theme] .footer-brand .brand-name span,
html[data-palette][data-theme] .footer-note>span { color:var(--deep-accent); }
html[data-palette][data-theme] .footer-brand>p,
html[data-palette][data-theme] .footer-grid a:not(.brand),
html[data-palette][data-theme] .footer-note small,
html[data-palette][data-theme] .footer-bottom { color:var(--deep-muted); }
html[data-palette][data-theme] .footer-grid a:not(.brand):hover { color:var(--on-deep); }
html[data-palette][data-theme] .site-footer .brand-mark { background:transparent; }