/*
 * Barbearia George Fiuza — versão escura.
 * O tema altera apenas a aparência. Conteúdo, fotos e destinos dos links
 * seguem a versão aprovada. Azul e vermelho preservam a identidade da marca.
 */
html[data-theme="dark"] {
  --ink: #f1f3f6;
  --muted: #acb5c1;
  --blue: #0067ad;
  --blue-dark: #07558b;
  --red: #ed1724;
  --paper: #101318;
  --line: #2c333e;
  --soft: #191e26;
  --accent-text: #75bbed;
  color-scheme: dark;
  background: #080a0d;
}

html[data-theme="dark"] body {
  background: #080a0d;
  color: var(--ink);
}

html[data-theme="dark"] .bio-shell {
  background: var(--paper);
  border-color: #2a3039;
  box-shadow: 0 24px 90px #00000066;
}

html[data-theme="dark"] .brand-stripe span:nth-child(2) {
  background: #424b57;
}

/* Base neutra preserva o preto, o azul e o vermelho da logomarca original. */
html[data-theme="dark"] .brand-logo {
  box-sizing: content-box;
  padding: 12px 16px;
  border: 1px solid #f6f7f940;
  border-radius: 12px;
  background: #dce1e7;
  box-shadow: 0 5px 24px #00000024;
}

html[data-theme="dark"] .location-eyebrow {
  color: #abb5c2;
}

html[data-theme="dark"] .skip-link {
  background: #191f28;
  color: #f1f3f6;
  border-color: var(--accent-text);
}

html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] [tabindex]:focus-visible {
  outline-color: #89c8f4;
}

html[data-theme="dark"] .hero {
  box-shadow: 0 0 0 1px #ffffff0d;
}

html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .button-dark {
  color: #ffffff;
  background: var(--blue);
  box-shadow: 0 6px 22px #00000029;
}

html[data-theme="dark"] .button-services,
html[data-theme="dark"] .button-review {
  color: #edf1f6;
  background: #191e26;
  border-color: #343d49;
}

html[data-theme="dark"] .button-services > .icon:first-child {
  color: var(--accent-text);
}

html[data-theme="dark"] .button-secondary {
  color: #e5eaf1;
  background: #191e26;
  border-color: #2d3540;
}

html[data-theme="dark"] .button-secondary .small-arrow {
  color: #b0bccb;
}

html[data-theme="dark"] .eyebrow {
  color: var(--accent-text);
}

html[data-theme="dark"] .section-heading h2 {
  color: #f1f3f6;
}

html[data-theme="dark"] .icon-button {
  color: #e6edf5;
  background: #191f27;
  border-color: #3b4553;
}

html[data-theme="dark"] .icon-button:disabled {
  opacity: .38;
}

html[data-theme="dark"] .service-card {
  color: #f1f3f6;
  background: #1a1f27;
  box-shadow: inset 0 0 0 1px #303947;
}

html[data-theme="dark"] .service-content p {
  color: #bdc7d4;
}

html[data-theme="dark"] .service-link {
  color: #eaf2fb;
  border-color: #35404f;
}

html[data-theme="dark"] .service-link .icon {
  color: var(--accent-text);
}

html[data-theme="dark"] .carousel-footer {
  color: #a8b2c0;
}

html[data-theme="dark"] .carousel-dot::after {
  background: #637082;
}

html[data-theme="dark"] .carousel-dot.is-active::after {
  background: var(--accent-text);
}

html[data-theme="dark"] .gallery-instagram {
  color: #c1ccd9;
  background: #191f27;
  border-color: #3b4553;
}

html[data-theme="dark"] .gallery-item,
html[data-theme="dark"] .gallery-item:nth-child(2) {
  background: #1a2029;
  border-color: #354050;
}

html[data-theme="dark"] .address-section {
  background: #191e26;
  border-color: #313b48;
}

html[data-theme="dark"] .address-icon {
  color: var(--accent-text);
  background: #242e3b;
  border-color: #3a495c;
}

html[data-theme="dark"] .address-copy h2 {
  color: #f0f3f7;
}

html[data-theme="dark"] .address-copy address {
  color: #b9c3d0;
}

html[data-theme="dark"] .address-copy > a,
html[data-theme="dark"] .footer-biosite a {
  color: var(--accent-text);
}

html[data-theme="dark"] .closing h2 {
  color: #f1f3f6;
}

html[data-theme="dark"] .closing h2 span {
  color: #aebaca;
}

html[data-theme="dark"] .site-footer p {
  color: #c2cbd7;
}

html[data-theme="dark"] .site-footer > span,
html[data-theme="dark"] .site-footer .footer-biosite p {
  color: #aeb8c6;
}

html[data-theme="dark"] .floating-whatsapp {
  color: #ffffff;
  border-color: #394b61;
  background: var(--blue);
  box-shadow: 0 6px 26px #00000070;
}

html[data-theme="dark"] .photo-dialog {
  box-shadow: 0 0 0 1px #3a4658, 0 24px 100px #000000a6;
}

html[data-theme="dark"] ::selection {
  color: #ffffff;
  background: #0067ad;
}

@media (hover: hover) {
  html[data-theme="dark"] .button-primary:hover,
  html[data-theme="dark"] .button-dark:hover,
  html[data-theme="dark"] .floating-whatsapp:hover {
    color: #ffffff;
    background: var(--blue-dark);
  }

  html[data-theme="dark"] .button-services:hover,
  html[data-theme="dark"] .button-secondary:hover,
  html[data-theme="dark"] .icon-button:not(:disabled):hover,
  html[data-theme="dark"] .gallery-instagram:hover {
    color: #ffffff;
    background: #253040;
    border-color: #55718f;
  }

  html[data-theme="dark"] .service-link:hover,
  html[data-theme="dark"] .footer-biosite a:hover,
  html[data-theme="dark"] .address-copy > a:hover {
    color: #a2d5f9;
  }
}

@media (max-width: 580px) {
  html[data-theme="dark"] body {
    background: var(--paper);
  }
}