
:root{--theme-accent:#cda875;--theme-accent-ink:#1d2630;--theme-toggle-fg:#e4c38a;--theme-toggle-bg:#ffffff0d}
html[data-theme="light"] .site-header{--theme-toggle-fg:#efd9b4;--theme-toggle-bg:#ffffff10}
html[data-theme="dark"]{
 --theme-ink:#f7f0e5;--theme-muted:#bac3c8;--theme-border:#46525a;
 --theme-dark-bg:#0d151d;--theme-dark-section:#131e27;--theme-dark-card:#1a2933;
 --theme-dark-raised:#293c48;--theme-dark-deep:#111c25;--theme-dark-header:#0b141bf7;
 --theme-footer:#0a1118;--theme-input:#1a2a34;
 --theme-accent:#e2c18b;--theme-accent-hover:#f2d8ae;
 --theme-hero-bg:radial-gradient(ellipse at 15% 65%,#233848 0%,transparent 56%),linear-gradient(145deg,#0c1720,#182c37 65%,#1e3943)
}
html[data-theme="dark"] .hero-action-dock .btn-outline{color:#f4e8d4}
html[data-theme="dark"] .btn:hover .arr{background:var(--theme-accent);color:#1c2530}


/* =============================================================
   MYM Light + Dark Themes • v1.2
   Manually curated palettes (not inverted images). Accessible toggle.
   Light reproduces the existing approved model; dark restyles every
   content area and form. LocalStorage saves visitor's preference.
   ============================================================= */

html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] { color-scheme:dark; }

/* Fixed-space theme button, avoids shifting multilingual navigation. */
.theme-toggle{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;
 border:1px solid color-mix(in srgb,var(--theme-accent) 47%,transparent);border-radius:50%;
 color:var(--theme-toggle-fg,#273849);background:var(--theme-toggle-bg,rgba(211,174,110,.10));
 cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease,color .22s ease;
 font-size:24px;line-height:1;letter-spacing:0;padding:0;position:relative;z-index:2}
.theme-toggle:hover{background:var(--theme-accent);color:var(--theme-accent-ink);border-color:var(--theme-accent);transform:rotate(-12deg)}
.theme-toggle:focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
.theme-toggle [data-theme-icon]{display:block;line-height:1;transform:translateY(-1px)}
.theme-toggle-mobile{display:none}
html[data-theme="dark"] .theme-toggle{--theme-toggle-fg:#f4dfb5;--theme-toggle-bg:#ffffff0d}
html[data-theme="dark"] .site-header{--theme-toggle-fg:#f4dfb5;--theme-toggle-bg:#ffffff10}
@media(max-width:1260px){
 .theme-toggle-mobile{display:inline-grid;order:3;margin-inline-start:auto}
 .menu-toggle{order:4;margin-inline-start:0}
 .header-actions .theme-toggle{display:none}
 .site-navigation.is-open{z-index:3}
}
@media(max-width:390px){.theme-toggle-mobile{width:36px;height:36px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

/* DARK PALETTE — each model supplies its own tokens above this shared section. */
html[data-theme="dark"] {
 --ink:var(--theme-ink);--navy:var(--theme-dark-deep);--navy2:var(--theme-dark-raised);
 --paper:var(--theme-dark-bg);--cream:var(--theme-dark-section);
 --white:var(--theme-ink);--slate:var(--theme-muted);--line:var(--theme-border);
 --gold:var(--theme-accent);--goldDark:var(--theme-accent);
 --shadow:0 18px 45px rgba(0,0,0,.27)
}
html[data-theme="dark"] body{background:var(--theme-dark-bg);color:var(--theme-ink)}
html[data-theme="dark"] .section-white{background:var(--theme-dark-bg);color:var(--theme-ink)}
html[data-theme="dark"] .section-cream{background:var(--theme-dark-section);color:var(--theme-ink)}
html[data-theme="dark"] .section-navy{background:var(--theme-dark-deep);color:var(--theme-ink)}
html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .about-copy h2,
html[data-theme="dark"] .story-layout h2,html[data-theme="dark"] .story-prose h2,
html[data-theme="dark"] .section h2,html[data-theme="dark"] .contact-side h2,
html[data-theme="dark"] .stat strong{color:var(--theme-ink)}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .service-number,
html[data-theme="dark"] .service-glyph,html[data-theme="dark"] .numbered-card .number,
html[data-theme="dark"] .stat strong,html[data-theme="dark"] .contact-detail span,
html[data-theme="dark"] .project-client{color:var(--theme-accent)}
html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .about-copy>p,
html[data-theme="dark"] .feature-split p,html[data-theme="dark"] .story-prose p,
html[data-theme="dark"] .numbered-card p,html[data-theme="dark"] .model-card>p,
html[data-theme="dark"] .service-card p,html[data-theme="dark"] .service-card h3~p,
html[data-theme="dark"] .project-card .project-body>p:not(.project-client),
html[data-theme="dark"] .projects-disclaimer,html[data-theme="dark"] .stat span,
html[data-theme="dark"] .destination-details p,html[data-theme="dark"] .policy-content p,
html[data-theme="dark"] .contact-detail p,html[data-theme="dark"] .contact-note,
html[data-theme="dark"] .promise-box p{color:var(--theme-muted)}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .service-card:nth-child(4n+1),
html[data-theme="dark"] .numbered-card,html[data-theme="dark"] .model-card,
html[data-theme="dark"] .project-card,html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .destination-card,
html[data-theme="dark"] .promise-box{background:var(--theme-dark-card);color:var(--theme-ink);border-color:var(--theme-border);box-shadow:0 12px 36px #00000020}
html[data-theme="dark"] .service-card:hover,html[data-theme="dark"] .project-card:hover{border-color:var(--theme-accent)}
html[data-theme="dark"] .project-result{border-color:var(--theme-border);color:var(--theme-ink)}
html[data-theme="dark"] .tags span{background:var(--theme-dark-raised);color:var(--theme-ink);border-color:var(--theme-border)}
html[data-theme="dark"] .mission-cloud span,html[data-theme="dark"] .capability,
html[data-theme="dark"] .check-list li{border-color:var(--theme-border);color:var(--theme-ink)}
html[data-theme="dark"] .destination-details{background:var(--theme-dark-card);color:var(--theme-ink)}
html[data-theme="dark"] .destination-details h2{color:var(--theme-ink)}
html[data-theme="dark"] .contact-detail,html[data-theme="dark"] .stat,
html[data-theme="dark"] .policy-content section{border-color:var(--theme-border)}
html[data-theme="dark"] .contact-detail a{color:var(--theme-ink)}
html[data-theme="dark"] .field label,html[data-theme="dark"] .consent{color:var(--theme-ink)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{
 background:var(--theme-input);color:var(--theme-ink);border-color:var(--theme-border);
 color-scheme:dark}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:var(--theme-muted)}
html[data-theme="dark"] .form-status.is-error{background:#47251f;color:#ffd4ca;border-color:#ed9f89}
html[data-theme="dark"] .form-status.is-success{background:#1b4134;color:#c5efdc;border-color:#85caab}
html[data-theme="dark"] .form-status.is-preview{background:#1e3950;color:#cfe9ff;border-color:#719bbd}
html[data-theme="dark"] .policy-warning{background:var(--theme-dark-card);color:#f2cf9d;border-color:var(--theme-accent)}
html[data-theme="dark"] .policy-content h2{color:var(--theme-ink)}
html[data-theme="dark"] .text-link,html[data-theme="dark"] .card-arrow{color:var(--theme-accent)}
html[data-theme="dark"] .filter-btn{background:var(--theme-dark-card);border-color:var(--theme-border);color:var(--theme-ink)}
html[data-theme="dark"] .filter-btn:hover,html[data-theme="dark"] .filter-btn.is-active{
 background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-ink)}
html[data-theme="dark"] .site-header{background:var(--theme-dark-header);border-bottom:1px solid var(--theme-border)}
html[data-theme="dark"] .site-navigation>a{color:#d7d7d3}
html[data-theme="dark"] .site-navigation>a:hover,
html[data-theme="dark"] .site-navigation>a[aria-current="page"]{color:var(--theme-accent)}
html[data-theme="dark"] .language-switch>a{color:#bbbcbb}
html[data-theme="dark"] .language-switch>a[aria-current="true"]{color:var(--theme-accent)}
html[data-theme="dark"] .brand-name{color:#f9f0df}
html[data-theme="dark"] .brand-name small{color:var(--theme-accent)}
html[data-theme="dark"] .menu-toggle span{background:var(--theme-accent)}
html[data-theme="dark"] .home-hero{background:var(--theme-hero-bg);color:var(--theme-ink)}
html[data-theme="dark"] .home-hero h1{color:var(--theme-ink)}
html[data-theme="dark"] .home-hero p{color:#d1d4d5}
html[data-theme="dark"] .home-hero .eyebrow{color:var(--theme-accent)}
html[data-theme="dark"] .page-hero{background:var(--theme-dark-deep);color:var(--theme-ink)}
html[data-theme="dark"] .page-hero h1{color:var(--theme-ink)}
html[data-theme="dark"] .page-hero p{color:var(--theme-muted)}
html[data-theme="dark"] .page-hero .eyebrow{color:var(--theme-accent)}
html[data-theme="dark"] .cta-band{background:var(--theme-dark-deep);color:var(--theme-ink);border-top:1px solid var(--theme-border)}
html[data-theme="dark"] .cta-band p{color:var(--theme-muted)}
html[data-theme="dark"] .site-footer{background:var(--theme-footer);border-top:1px solid var(--theme-border);color:var(--theme-ink)}
html[data-theme="dark"] .footer-about>p,html[data-theme="dark"] .footer-col>a,
html[data-theme="dark"] .footer-col>span{color:#c5cbca}
html[data-theme="dark"] .footer-col h3,html[data-theme="dark"] .footer-col .footer-cta{color:var(--theme-accent)}
html[data-theme="dark"] .footer-bottom{border-top-color:var(--theme-border);color:var(--theme-muted)}
html[data-theme="dark"] .footer-langs a{color:var(--theme-accent)}
html[data-theme="dark"] .art-badge{background:var(--theme-dark-deep)}
html[data-theme="dark"] .hero-action-dock{background:var(--theme-dark-card);color:var(--theme-ink);border-color:var(--theme-accent)}
html[data-theme="dark"] .hero-action-dock .dock-label{color:var(--theme-ink)}
html[data-theme="dark"] .hero-action-dock .dock-eyebrow{color:var(--theme-accent)}
html[data-theme="dark"] .hero-action-dock .btn-outline{color:var(--theme-ink);border-color:var(--theme-accent);background:transparent}
html[data-theme="dark"] .hero-action-dock .btn-outline:hover{background:var(--theme-dark-raised)}
html[data-theme="dark"] .btn-gold{background:var(--theme-accent);color:var(--theme-accent-ink);border-color:var(--theme-accent)}
html[data-theme="dark"] .btn-gold:hover{background:var(--theme-accent-hover);border-color:var(--theme-accent-hover);color:var(--theme-accent-ink)}
html[data-theme="dark"] .btn-outline{color:var(--theme-ink);border-color:var(--theme-accent)}
html[data-theme="dark"] .btn-outline:hover{background:var(--theme-dark-raised)}
html[data-theme="dark"] .btn-outline-light{color:var(--theme-ink);border-color:var(--theme-accent)}
html[data-theme="dark"] .btn-outline-light:hover{background:var(--theme-dark-raised)}
html[data-theme="dark"] .btn-gold .arr,html[data-theme="dark"] .btn-outline .arr{color:inherit}
@media(max-width:1260px){
 html[data-theme="dark"] .site-navigation{background:var(--theme-dark-header);border-color:var(--theme-border)}
 html[data-theme="dark"] .site-navigation>a{border-color:var(--theme-border)}
}
