/* Surface/text colors follow AppPalette; seasonal accents stay decorative. */
[data-design="ember"][data-appearance="day"] {
  color-scheme: light;
  --paper:#f3f7fa; --panel:#e8f2f8; --ink:#0d1f32; --muted:#344b61;
  --deep:#c6d9e6; --line:#bccdd9; --accent:#f2a83b; --accent-text:#995200;
  --secondary:#128a54; --berry:#a34559; --season-surface:#f5edef;
  --pro-surface:#dbe9f3; --menu-surface:#e8f2f8; --header-surface:#e8f2f8f5;
  --hero-bottom:#e8f2f8; --icon-filter:none;
}
[data-design="ember"][data-appearance="night"] {
  color-scheme: dark;
  --paper:#07111f; --panel:#122336; --ink:#f2f5fa; --muted:#abb8c4;
  --deep:#0b1e32; --line:#34495d; --accent:#f2a83b; --accent-text:#f2bb6c;
  --secondary:#21c77a; --berry:#d58a9a; --season-surface:#33232c;
  --pro-surface:#0b1e32; --menu-surface:#122336; --header-surface:#0b1e32f5;
  --hero-bottom:#07111f; --icon-filter:invert(1);
}
[data-design="ember"] .header {
  color:var(--ink); background:var(--header-surface); border-color:var(--line);
  backdrop-filter:blur(16px);
}
[data-design="ember"] .nav-row {gap:24px}
[data-design="ember"] .header nav {gap:20px}
[data-design="ember"] .nav-actions {gap:14px}
[data-design="ember"] .nav-download {border-color:var(--line)}
[data-design="ember"] .appearance {position:relative}
[data-design="ember"] .appearance summary {
  list-style:none; display:grid; place-items:center; width:44px; height:44px;
  border:1px solid var(--line); border-radius:6px;
}
[data-design="ember"] .appearance summary::-webkit-details-marker {display:none}
[data-design="ember"] .appearance summary:hover {background:var(--panel)}
[data-design="ember"] .appearance img {filter:var(--icon-filter)}
[data-design="ember"] .appearance fieldset {
  position:absolute; right:0; top:48px; min-width:186px; margin:0; padding:10px;
  border:1px solid var(--line); border-radius:8px; background:var(--menu-surface);
  color:var(--ink); box-shadow:0 12px 30px #0003;
}
[data-design="ember"] .appearance legend {float:left; width:100%; padding:6px 8px 12px; font-size:12px; color:var(--muted)}
[data-design="ember"] .appearance label {
  display:flex; align-items:center; gap:10px; min-height:44px; padding:8px;
  cursor:pointer; border-radius:4px; font-size:14px;
}
[data-design="ember"] .appearance label:hover {background:var(--deep)}
[data-design="ember"] .appearance input {accent-color:var(--accent-text); margin:0; width:16px; height:16px}
[data-design="ember"] .languages>div {background:var(--menu-surface); color:var(--ink); border-color:var(--line); border-radius:8px}
[data-design="ember"] .languages a:hover {background:var(--deep)}
[data-design="ember"] .hero-shade {background:linear-gradient(0deg,#07111ff5 0%,#07111f99 40%,#07111f05 83%)}
[data-design="ember"] .facts {background:var(--deep); color:var(--ink); border-color:var(--line)}
[data-design="ember"] .facts p,[data-design="ember"] .facts strong span {color:var(--muted)}
[data-design="ember"] .facts a {color:var(--accent-text); border-color:var(--line)}
[data-design="ember"] .product {background:var(--paper)}
[data-design="ember"] .season {background:var(--season-surface)}
[data-design="ember"] .wind {background:var(--panel)}
[data-design="ember"] .pro {background:var(--pro-surface); color:var(--ink); border-top:3px solid var(--accent)}
[data-design="ember"] .pro .eyebrow,[data-design="ember"] .pro li span {color:var(--accent-text)}
[data-design="ember"] .pro p {color:var(--muted)}
[data-design="ember"] .pro li {border-color:var(--line)}
[data-design="ember"] .screens img {border-color:var(--line)}
[data-design="ember"] .footer-top {color:var(--ink)}
@media(max-width:1120px) {
  [data-design="ember"] .nav-download {display:none}
  [data-design="ember"] .nav-row {gap:18px}
  [data-design="ember"] .header nav {gap:16px}
}
@media(max-width:760px) {
  [data-design="ember"] .header.open {background:var(--header-surface)}
  [data-design="ember"] .header nav a {border-color:var(--line)}
  [data-design="ember"] .header nav {gap:0}
  [data-design="ember"] .nav-row {gap:12px}
  [data-design="ember"] .nav-actions {gap:10px}
  [data-design="ember"] .brand {gap:8px}
  [data-design="ember"] .brand strong {font-size:17px}
  [data-design="ember"] .hero {background:var(--hero-bottom); color:var(--ink)}
  [data-design="ember"] .hero-photo {height:310px}
  [data-design="ember"] .hero-content {padding-top:315px}
  [data-design="ember"] .hero-shade {background:linear-gradient(180deg,transparent 160px,var(--hero-bottom) 309px)}
  [data-design="ember"] .hero .eyebrow {color:var(--accent-text)}
  [data-design="ember"] .hero-text,[data-design="ember"] .hero-note {color:var(--muted)}
  [data-design="ember"] .link-button {border-color:var(--line)}
}
@media(max-width:360px) {
  [data-design="ember"] .brand strong {font-size:15px}
  [data-design="ember"] .brand img {width:28px; height:28px}
  [data-design="ember"] .nav-row {gap:8px}
  [data-design="ember"] .nav-actions {gap:8px}
  [data-design="ember"] .languages summary {min-width:34px}
}