/* v9: original Protiva amber, warm paper and charcoal. Colour only; v8 layout stays intact. */
body {
  --bg:#fcfaf7; --surface:#fff; --ink:#2c2521; --muted:#6e6157;
  --line:#e5ddd3; --pale:#f6efe5; --blue:#94551c;
  --accent:#bb741b; --soft:#f9f0e4; --soft-alt:#f1e6d7;
  --button:#3b2e23; --button-ink:#fffaf3; --frame:#342d28;
  background:var(--bg);
}
html[data-theme=dark] body {
  --bg:#1d1916; --surface:#27211c; --ink:#f0ece6; --muted:#c4b7a8;
  --line:#4b3f32; --pale:#332a21; --blue:#e6a64d;
  --accent:#e6a64d; --soft:#31271c; --soft-alt:#3a2d21;
  --button:#f0e7da; --button-ink:#2c2521; --frame:#55483b;
  background:var(--bg);
}
::selection { background:#efc68c; color:#2c2521; }
.landing-shell { box-shadow:0 15px 65px #4a331408; }
.brand-logo { border-color:#e5ddd3; box-shadow:0 2px 5px #38281a08; }
.hero { background:linear-gradient(180deg,#fcfaf8 0%,#faf3e9 58%,#f2e5d3 100%); }
.hero h1,html[lang=en] .hero h1 { color:var(--ink); }
.hero h1 em,.section-head h2 em,.download-heading h2 em { color:var(--accent); }
.hero .eyebrow { color:var(--blue); }
.hero .intro,html[lang=en] .hero .intro { color:var(--muted); }
.cloudscape { background:radial-gradient(ellipse at 50% 83%,#ffffffbb,transparent 64%); }
/* The cloud forms remain pure white, rather than being tinted amber. */
.cloudscape:before { opacity:.86; }
.cloudscape:after { opacity:.75; }
.mist-left,.mist-right { opacity:.45; }
.scene:before { background:radial-gradient(ellipse,#cfb28b38,transparent 70%); }
.phone { background:var(--frame); border-color:var(--frame); box-shadow:0 0 0 1px #ffffff80,12px 22px 35px #3b2b2130; }
.hero-phone { box-shadow:0 0 0 2px #b5a797,0 30px 45px #4a321c26; }
.float { background:#fffffff2; border-color:#fff; box-shadow:0 16px 38px #49311a0d; }
.float h3,html[lang=en] .float h3 { color:var(--ink); }
.float p,.float small { color:var(--muted); }
.float .card-icon,.garden-caption,.mobile-hero-caption { color:var(--blue); }
.primary,.hero .primary,html[data-theme=dark] .primary,html[data-theme=dark] .hero .primary {
  background:var(--button); border-color:var(--button); color:var(--button-ink);
}
.hero .download-cta,html[data-theme=dark] .hero .download-cta {
  background:linear-gradient(135deg,var(--button),var(--button));
  border-color:var(--button); color:var(--button-ink); box-shadow:0 10px 25px #4a321b20;
}
.hero .cta .button:not(.primary) { background:#fffffff0; color:var(--ink); border-color:var(--line); }
.cta-action { border-color:#ffffff30; }
.screen-panel { background:var(--soft); border-color:var(--line); }
.screen-panel.answer { background:var(--soft-alt); border-color:var(--line); }
.screen-panel h3 { color:var(--ink); }
.star { color:var(--accent); }
.nova {
  --nova-ink:#f0ece6; --nova-muted:#d0c0aa;
  background:#29221b; border-color:#52422f; color:var(--nova-ink);
}
.nova h2,.nova h3,.nova-name { color:var(--nova-ink); }
.nova .eyebrow,.nova small,.nova-identity .eyebrow { color:#e6b46c; }
.nova p,.nova>div:first-child>p,#scaleCopy p { color:var(--nova-muted); }
.nova-scene .phone { border-color:#ac9679; background:#ac9679; }
.nova-note { background:#fcf6ed; color:#3b2e23; border-color:#ffffff55; box-shadow:0 15px 30px #140e0830; }
.nova-note h3 { color:#3b2e23; }
.nova-note small { color:#94551c; }
.tabs { border-color:#78634a; background:#ffffff08; }
.tabs button { color:#d9cbb8; }
.tabs .active { background:#f0ddbd; color:#3a2c1c; }
.tool-display { background:var(--soft-alt); border-color:var(--line); color:var(--ink); }
.tool-display h3 { color:var(--ink); }
.tool-display p { color:var(--muted); }
.tool-display small { color:var(--blue); }
.tool.active { background:var(--pale); color:var(--blue); }
.workspace-grid article { background:var(--soft); border-color:var(--line); color:var(--ink); }
.workspace-grid article:nth-child(2) { background:var(--soft-alt); border-color:var(--line); }
.workspace-grid p,.workspace-grid small { color:var(--muted); }
.downloads { background:radial-gradient(ellipse at 18% 22%,#ffffffaa,transparent 45%),linear-gradient(145deg,#faf4eb,#f0e5d6); }
.download-grid article { background:var(--surface); border-color:var(--line); color:var(--ink); box-shadow:0 12px 25px #49311a08; }
.platform,.platform-mobile,.platform-web { background:var(--pale); border-color:var(--line); color:var(--blue); }
#downloadAndroid.disabled,#downloadWindows.disabled { background:var(--pale); border-color:var(--line); color:var(--muted); }
.garden-footer { background:#f4ede3; color:var(--ink); }
.footer-wordmark { color:var(--ink); }
.footer-wordmark sup { color:var(--accent); }
.footer-bottom { color:var(--muted); }
.footer-top .back-top { background:var(--surface); color:var(--ink); }
.footer-top nav a { border-color:var(--line); }
.pet-toggle i { background:var(--accent); }
dialog::backdrop { background:#1d140c88; }

html[data-theme=dark] .hero { background:linear-gradient(180deg,#1e1915 0%,#2c231a 62%,#35281b 100%); }
html[data-theme=dark] .hero h1 { color:var(--ink); }
html[data-theme=dark] .hero h1 em,html[data-theme=dark] .section-head h2 em,html[data-theme=dark] .download-heading h2 em { color:var(--accent); }
html[data-theme=dark] .hero .eyebrow { color:var(--blue); }
html[data-theme=dark] .hero .intro,html[data-theme=dark] .mobile-hero-caption { color:var(--muted); }
html[data-theme=dark] .cloudscape { background:radial-gradient(ellipse at 50% 83%,#ffffff09,transparent 64%); }
html[data-theme=dark] .cloudscape:before,html[data-theme=dark] .cloudscape:after { opacity:.085; }
html[data-theme=dark] .cloud-mist { opacity:.06; }
html[data-theme=dark] .scene:before { background:radial-gradient(ellipse,#c49a6430,transparent 70%); }
html[data-theme=dark] .float { background:#2d251dee; border-color:#6c574744; }
html[data-theme=dark] .float h3 { color:var(--ink); }
html[data-theme=dark] .float p,html[data-theme=dark] .float small { color:var(--muted); }
html[data-theme=dark] .float .card-icon,html[data-theme=dark] .garden-caption { color:var(--blue); }
html[data-theme=dark] .hero .cta .button:not(.primary) { background:#332a21; color:var(--ink); border-color:var(--line); }
html[data-theme=dark] .cta-action { border-color:#3b2e2330; }
html[data-theme=dark] .screen-panel { background:var(--soft); border-color:var(--line); }
html[data-theme=dark] .screen-panel.answer { background:var(--soft-alt); border-color:var(--line); }
html[data-theme=dark] .screen-panel h3 { color:var(--ink); }
html[data-theme=dark] .tool-display { background:var(--soft-alt); color:var(--ink); border-color:var(--line); }
html[data-theme=dark] .tool-display h3 { color:var(--ink); }
html[data-theme=dark] .tool-display p { color:var(--muted); }
html[data-theme=dark] .tool-display small,html[data-theme=dark] .tool.active { color:var(--blue); }
html[data-theme=dark] .tool.active { background:var(--pale); }
html[data-theme=dark] .workspace-grid article { background:var(--soft); border-color:var(--line); color:var(--ink); }
html[data-theme=dark] .workspace-grid article:nth-child(2) { background:var(--soft-alt); border-color:var(--line); }
html[data-theme=dark] .workspace-grid p,html[data-theme=dark] .workspace-grid small { color:var(--muted); }
html[data-theme=dark] .downloads { background:linear-gradient(145deg,#241e18,#31271c); }
html[data-theme=dark] .download-grid article { background:var(--surface); color:var(--ink); border-color:var(--line); }
html[data-theme=dark] .platform,html[data-theme=dark] .platform-mobile,html[data-theme=dark] .platform-web { background:var(--pale); border-color:var(--line); color:var(--blue); }
html[data-theme=dark] #downloadAndroid.disabled,html[data-theme=dark] #downloadWindows.disabled { background:var(--pale); border-color:var(--line); color:var(--muted); }
html[data-theme=dark] .garden-footer { background:#211b16; color:var(--ink); }
html[data-theme=dark] .footer-wordmark { color:var(--ink); }
html[data-theme=dark] .footer-bottom { color:var(--muted); }
html[data-theme=dark] .footer-top nav a { border-color:var(--line); }
html[data-theme=dark] .footer-top .back-top { background:var(--surface); color:var(--ink); }

@media(max-width:760px) {
  .hero { background:linear-gradient(180deg,#fcfaf8,#faf3e9 48%,#f2e5d3); }
  .hero .browser-cta { color:var(--blue); }
  .hero-phone { box-shadow:0 0 0 2px #b8aa9a,0 22px 40px #49301c25; }
  .phone { border-color:var(--frame); background:var(--frame); box-shadow:0 0 0 1px #ffffffb0,0 18px 30px #3d281922; }
  #understand .feature-garden { background:linear-gradient(155deg,#fcf5eb,#f2e7d9); border-color:var(--line); }
  .detail-steps { background:#ffffffb0; border-color:var(--line); }
  .detail-steps button { color:var(--muted); }
  .detail-steps button[aria-pressed=true] { background:var(--button); color:var(--button-ink); box-shadow:0 3px 9px #49301c20; }
  #understand .screen-panel,#understand .screen-panel.answer { background:transparent; }
  .nova { background:linear-gradient(145deg,#31271c,#231c15); border-color:#52422f; }
  .nova h2,#scaleCopy h3 { color:var(--nova-ink); }
  .nova-scene .phone { border-color:#ac9679; }
  .tool-display { background:linear-gradient(145deg,#fcf5ec,#f0e3d2); }
  .tool-display h3 { color:var(--ink); }
  .workspace-grid article { background:var(--soft); }
  .workspace-grid article:nth-child(2) { background:var(--soft-alt); }
  .download-grid .mobile-download { background:#fffcf6; border-color:#dac8ad; box-shadow:0 12px 24px #49301c12; }
  .garden-footer { background:#f4ede3; }
  .footer-wordmark { color:var(--ink); }
  .footer-wordmark sup { color:var(--accent); }
  html[data-theme=dark] .hero { background:linear-gradient(180deg,#1e1915,#2b231a 48%,#35281b); }
  html[data-theme=dark] .hero .browser-cta { color:var(--blue); }
  html[data-theme=dark] #understand .feature-garden { background:linear-gradient(155deg,#31271c,#272019); border-color:var(--line); }
  html[data-theme=dark] .detail-steps { background:#1d191688; border-color:var(--line); }
  html[data-theme=dark] .detail-steps button { color:var(--muted); }
  html[data-theme=dark] .detail-steps button[aria-pressed=true] { background:var(--button); color:var(--button-ink); }
  html[data-theme=dark] #understand .screen-panel h3 { color:var(--ink); }
  html[data-theme=dark] .tool-display { background:linear-gradient(145deg,#3a2d21,#2c241c); }
  html[data-theme=dark] .download-grid .mobile-download { background:#33281d; border-color:#756045; }
  html[data-theme=dark] .garden-footer { background:#211b16; }
}