/* Color only: product imagery, logo artwork, video and scroll embers stay unchanged. */
:root {
  color-scheme:dark;
  --base:#071c16;
  --surface:#0d2a21;
  --raised:#14382c;
  --text:#f6f0df;
  --muted:#c3ccbf;
  --accent:#f2c978;
  --button-ink:#000000;
  --ink:var(--text);
  --carbon:var(--surface);
  --ash:var(--base);
  --cream:var(--surface);
  --ember:var(--accent);
  --gold:var(--accent);
  --teal:var(--accent);
  --line:#658477;
}
:root[data-theme="black"] {
  --base:#000000;
  --surface:#000000;
  --raised:#000000;
  --text:#ffffff;
  --muted:#dedede;
  --accent:#ffffff;
  --line:#aaaaaa;
}
html,body { background-color:var(--base); color:var(--text); }
body {
  background-image:radial-gradient(ellipse at 0 14%,#c7943217,transparent 38%),radial-gradient(ellipse at 100% 65%,#a8541312,transparent 34%);
}
.top { background:var(--base); color:var(--muted); border-bottom:1px solid var(--line); }
header { color:var(--text); }
.appearance-bar { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px 14px; padding:10px 0 18px; font-size:.875rem; }
.appearance-bar label { color:var(--muted); font-weight:700; }
.theme-select,.language-select {
  min-height:44px; border:1px solid var(--line); background:var(--surface); color:var(--text); font:inherit; font-size:.875rem; cursor:pointer;
}
.theme-select { width:20rem; max-width:100%; min-width:0; padding:10px 36px 10px 14px; border-radius:8px; }
.theme-select option,.language-select option { color:var(--text); background:var(--surface); }
.call { min-height:44px; display:inline-flex; align-items:center; background:var(--surface); border-color:var(--line); color:var(--text); }
.hero { color:var(--text); background:linear-gradient(115deg,var(--base),var(--raised) 62%,var(--base)); border-block:1px solid var(--line); }
.hero::before { background:radial-gradient(ellipse at 82% 88%,#b97a1624,transparent 55%),radial-gradient(ellipse at 0 0,#d8b14b14,transparent 42%); }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:110px; z-index:-1; pointer-events:none; opacity:.15; background:url('/assets/alikman-logo-flame-v1.png') center bottom / min(100%,1100px) 100% no-repeat; }
.eyebrow,.section-kicker,.tag,.trust strong,.formula b { color:var(--accent); }
.lead,.sub,.model-note,.image-status,.stock-status,.product-unit,.photo-caption,.price-secondary,.catalog-group summary span,.price small,.sum { color:var(--muted); }
.primary { background:var(--accent); color:var(--button-ink); border:1px solid var(--accent); }
.secondary,.motion-toggle { color:var(--text); border-color:var(--line); background:var(--surface); }
.trust { color:var(--text); background:var(--surface); border-bottom:1px solid var(--line); }
.card,.stock-empty { background:var(--surface); color:var(--text); border-color:var(--line); }
.card:hover { border-color:var(--accent); box-shadow:0 12px 30px #0004; }
.info { background:var(--surface); border-block:1px solid var(--line); }
.formula { color:var(--text); background:var(--raised); border:1px solid var(--line); }
.formula p { color:var(--muted); }
.check li::before { color:var(--accent); }
.rate-source { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.sync-status,.sync-status.stale,.live-connection,.live-connection.connection-warning {
  color:var(--text); background:var(--raised); border:1px solid var(--line);
}
.sync-status.stale,.live-connection.connection-warning { border-style:dashed; }
.live-connection a { color:var(--button-ink); background:var(--accent); border:1px solid var(--accent); }
.contact { color:var(--text); background:var(--base); border-top:1px solid var(--line); }
.contact-card { color:var(--muted); border-color:var(--accent); }
.contact-card b { color:var(--text); }
.phone { color:var(--text); background:var(--surface); border-color:var(--line); }
.phone:hover { color:var(--accent); border-color:var(--accent); text-decoration:underline; }
.nav-links a:hover,.contact-card a,footer a { text-decoration:underline; text-underline-offset:3px; }
footer { background:var(--base); color:var(--muted); border-top:1px solid var(--line); }
:focus-visible { outline:3px solid var(--accent); outline-offset:4px; box-shadow:0 0 0 4px var(--base); }
/* Real photos retain white mats; the supplied logo retains its own dark backdrop. */
.logo-fallback { color:#f4f4f4; background:#090c12; }
.logo-fallback .photo-note { color:#d5d8df; }
:root[data-theme="black"] body { background-image:none; }
:root[data-theme="black"] .hero { background:#000000; }
:root[data-theme="black"] .hero::before,:root[data-theme="black"] .hero::after { display:none; }
:root[data-theme="black"] .card:hover { box-shadow:none; }
@media(max-width:760px) { nav { height:auto; min-height:90px; } }
@media(max-width:520px) { .appearance-bar { justify-content:flex-start; } .theme-select { flex:1 1 16rem; } }
