@import url("/styles/themes/base.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap");

html[data-theme="cobre-nocturno"]{
  color-scheme:dark;
  --bg:#0F0F10;
  --page-bg:#0F0F10;
  --bg-soft:#171312;
  --surface:#1E1816;
  --text:#E7E0D6;
  --text-secondary:#D3C6BA;
  --muted:#A89B8F;
  --line:#3A2E28;
  --accent:#B87333;
  --accent-soft:#D59A63;
  --accent-hover:#D59A63;
  --accent-deep:#2A201A;
  --success:#91B99C;
  --danger:#D98A7A;
  --shadow:0 28px 80px rgba(0,0,0,.42);
  --radius-md:20px;
  --radius-lg:28px;
  --font-display:"Playfair Display",Georgia,serif;
  --font-body:Inter,ui-sans-serif,system-ui,sans-serif;
  --motion:180ms;
  --header-bg:rgba(15,15,16,.88);
  --header-text:#E7E0D6;
  --header-muted:#B7A99D;
  --hero-bg:radial-gradient(circle at 82% 14%,rgba(184,115,51,.12),transparent 34rem),#0F0F10;
  --hero-text:#E7E0D6;
  --hero-muted:#B7A99D;
  --hero-points:#D3C6BA;
  --hero-image:url("https://images.unsplash.com/photo-1774371337498-3dc4f0c1cc6f?auto=format&fit=crop&w=1600&q=82");
  --button-text:#17100C;
  --button-shadow:0 16px 36px rgba(184,115,51,.20);
  --ghost-hover:rgba(184,115,51,.08);
  --focus:rgba(213,154,99,.52);
  --trust-bg:#151211;
  --problem-bg:linear-gradient(180deg,#0F0F10,#141110);
  --section-alt:#171312;
  --card-bg:linear-gradient(145deg,#1E1816,#171312);
  --card-featured:linear-gradient(145deg,rgba(184,115,51,.16),#1A1513);
  --card-shadow:none;
  --icon-bg:rgba(184,115,51,.09);
  --samples-bg:linear-gradient(180deg,#171312,#0F0F10);
  --sample-bg:rgba(255,255,255,.018);
  --sample-after-bg:rgba(184,115,51,.08);
  --play-bg:#241D19;
  --before-wave:#8E8176;
  --after-wave:#B87333;
  --field-bg:#120F0E;
  --footer-bg:#0B0B0C;
  --footer-text:#E7E0D6;
  --footer-muted:#A89B8F;
  --mobile-nav-bg:#151211;
  --mobile-nav-text:#E7E0D6;
}

html[data-theme="cobre-nocturno"] body{
  background:radial-gradient(circle at 80% 8%,rgba(184,115,51,.08),transparent 28rem),var(--page-bg);
}
html[data-theme="cobre-nocturno"] .hero-visual{
  background-position:52% center;
  filter:sepia(.18) saturate(1.15) brightness(.78) contrast(1.08);
}
html[data-theme="cobre-nocturno"] .hero h1,
html[data-theme="cobre-nocturno"] .hero h3{color:var(--hero-text)}
html[data-theme="cobre-nocturno"] .service-card,
html[data-theme="cobre-nocturno"] .comparison-card,
html[data-theme="cobre-nocturno"] .inquiry-form{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}