/*
 * Súbor: css/palettes/mury-beton.css
 * Obsah: Samostatná farebná téma betónových a oporných múrov: premenné farieb, tlačidlá, karty, hero a tematické pomocné triedy.
 * Použitie: sluzba-betonove_a_oporne_mury.html.
 * Zapojenie: <link rel="stylesheet" href="css/palettes/mury-beton.css">; zachovaj pozíciu v hlavičke podľa css/README.md.
 * Závislosti: iba html[data-palette="mury-beton"]; vlastné --palette-* a nadväzujúce tematické premenné.
 * Nezávislosť: bez importu inej palety. Každá stránka načítava iba svoju paletu.
 */
html[data-palette="mury-beton"] {
  --palette-light: #F3EEE7;
  --palette-light-alt: #E8E0D4;
  --palette-dark: #4B4A46;
  --palette-sand: #D5C1A0;
  --palette-taupe: #A89984;
  --palette-extra-accent: #3E5C50;
  --palette-extra-bg: #EDF2EE;
  --palette-extra-border: #C6D4CA;
  --palette-extra-text: #304C3F;
  --palette-extra-hover: #DFE9E1;
  --palette-light-rgb: 243 238 231;
  --palette-dark-rgb: 75 74 70;
  --palette-sand-rgb: 213 193 160;

  --bg: var(--palette-light);
  --bg-alt: var(--palette-light-alt);
  --surface: var(--palette-light);
  --text: var(--palette-dark);
  --muted: var(--palette-dark);
  --border: var(--palette-sand);
  --border-strong: var(--palette-taupe);
  --accent: var(--palette-dark);
  --accent-hover: var(--palette-sand);
  --accent-soft: var(--palette-light-alt);
  --footer: var(--palette-dark);
  --footer-text: var(--palette-light);
  --footer-muted: var(--palette-sand);
  --error: #B42318;
  --success: #2F6B4F;
}

:where(html[data-palette="mury-beton"]), :where(html[data-palette="mury-beton"]) body { background-color: var(--palette-light); color: var(--palette-dark); }
:where(html[data-palette="mury-beton"]) .btn--primary, :where(html[data-palette="mury-beton"]) .scope-choice[aria-pressed="true"] {
  background: var(--palette-sand);
  border-color: var(--palette-taupe);
  color: var(--palette-dark);
}
:where(html[data-palette="mury-beton"]) .btn--primary:hover { background: var(--palette-light-alt); border-color: var(--palette-taupe); }
:where(html[data-palette="mury-beton"]) .scope-choice[aria-pressed="true"]::after { color: var(--palette-dark); }
:where(html[data-palette="mury-beton"]) .btn--secondary { background: var(--palette-light); }
:where(html[data-palette="mury-beton"]) .btn:focus-visible, :where(html[data-palette="mury-beton"]) a:focus-visible, :where(html[data-palette="mury-beton"]) button:focus-visible, :where(html[data-palette="mury-beton"]) input:focus-visible, :where(html[data-palette="mury-beton"]) select:focus-visible, :where(html[data-palette="mury-beton"]) textarea:focus-visible {
  outline: 3px solid var(--palette-taupe);
  outline-offset: 3px;
}
:where(html[data-palette="mury-beton"]) .card, :where(html[data-palette="mury-beton"]) .trust-counter, :where(html[data-palette="mury-beton"]) .contact-form, :where(html[data-palette="mury-beton"]) .scope-aside {
  box-shadow: 0 5px 18px rgb(var(--palette-dark-rgb) / 4%);
}
:where(html[data-palette="mury-beton"]) .card { border-top: 3px solid var(--palette-sand); }
:where(html[data-palette="mury-beton"]) .trust-counter { border-radius: 8px; }
:where(html[data-palette="mury-beton"]) .site-header { background: var(--palette-light); }
/* Preserve the hero photo and its responsive sizing defined by the page. */
:where(html[data-palette="mury-beton"]) .hero { background-color: var(--palette-dark); }
:where(html[data-palette="mury-beton"]) .hero::before { opacity: .55; }
:where(html[data-palette="mury-beton"]) .bg-sky-500 { background-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-500 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-500\/10 { background-color: rgb(var(--palette-sand-rgb) / 10%) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-500\/20 { background-color: rgb(var(--palette-sand-rgb) / 20%) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-500\/40 { background-color: rgb(var(--palette-sand-rgb) / 40%) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-600 { background-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-600 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-100 { background-color: var(--palette-light-alt) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-200 { background-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-50 { background-color: var(--palette-light) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-800 { background-color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-900 { background-color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-900\/10 { background-color: rgb(var(--palette-dark-rgb) / 10%) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-900\/90 { background-color: rgb(var(--palette-dark-rgb) / 90%) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-950 { background-color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-950\/45 { background-color: rgb(var(--palette-dark-rgb) / 45%) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-950\/50 { background-color: rgb(var(--palette-dark-rgb) / 50%) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-950\/55 { background-color: rgb(var(--palette-dark-rgb) / 55%) !important; }
:where(html[data-palette="mury-beton"]) .bg-slate-950\/60 { background-color: rgb(var(--palette-dark-rgb) / 60%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white { background-color: var(--palette-light) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/10 { background-color: rgb(var(--palette-light-rgb) / 10%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/15 { background-color: rgb(var(--palette-light-rgb) / 15%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/5 { background-color: rgb(var(--palette-light-rgb) / 5%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/70 { background-color: rgb(var(--palette-light-rgb) / 70%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/80 { background-color: rgb(var(--palette-light-rgb) / 80%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/90 { background-color: rgb(var(--palette-light-rgb) / 90%) !important; }
:where(html[data-palette="mury-beton"]) .bg-white\/95 { background-color: rgb(var(--palette-light-rgb) / 95%) !important; }
:where(html[data-palette="mury-beton"]) .border-sky-400 { border-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .border-sky-400\/30 { border-color: rgb(var(--palette-sand-rgb) / 30%) !important; }
:where(html[data-palette="mury-beton"]) .border-slate-100 { border-color: var(--palette-light-alt) !important; }
:where(html[data-palette="mury-beton"]) .border-slate-200 { border-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .border-slate-200\/70 { border-color: rgb(var(--palette-sand-rgb) / 70%) !important; }
:where(html[data-palette="mury-beton"]) .border-white\/10 { border-color: rgb(var(--palette-light-rgb) / 10%) !important; }
:where(html[data-palette="mury-beton"]) .border-white\/15 { border-color: rgb(var(--palette-light-rgb) / 15%) !important; }
:where(html[data-palette="mury-beton"]) .border-white\/20 { border-color: rgb(var(--palette-light-rgb) / 20%) !important; }
:where(html[data-palette="mury-beton"]) .border-white\/30 { border-color: rgb(var(--palette-light-rgb) / 30%) !important; }
:where(html[data-palette="mury-beton"]) .border-white\/60 { border-color: rgb(var(--palette-light-rgb) / 60%) !important; }
:where(html[data-palette="mury-beton"]) .focus\:border-sky-400:focus { border-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .from-sky-400\/40 { --tw-gradient-from: rgb(var(--palette-sand-rgb) / 40%) !important; }
:where(html[data-palette="mury-beton"]) .group:hover .group-hover\:bg-slate-950\/55 { background-color: rgb(var(--palette-dark-rgb) / 55%) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-sky-400:hover { background-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-sky-400:hover { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-sky-500:hover { background-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-sky-500:hover { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-sky-500\/60:hover { background-color: rgb(var(--palette-sand-rgb) / 60%) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-slate-100:hover { background-color: var(--palette-light-alt) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-slate-800:hover { background-color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .hover\:bg-white\/25:hover { background-color: rgb(var(--palette-light-rgb) / 25%) !important; }
:where(html[data-palette="mury-beton"]) .hover\:text-sky-400:hover { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .hover\:text-sky-600:hover { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .hover\:text-sky-700:hover { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .hover\:text-white:hover { color: var(--palette-light) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-100 { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-200 { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-300 { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-400 { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-50\/90 { color: rgb(var(--palette-sand-rgb) / 90%) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-500 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-600 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-sky-700 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-300 { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-400 { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-500 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-600 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-700 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-800 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-slate-900 { color: var(--palette-dark) !important; }
:where(html[data-palette="mury-beton"]) .text-white { color: var(--palette-light) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/60 { color: rgb(var(--palette-light-rgb) / 60%) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/65 { color: rgb(var(--palette-light-rgb) / 65%) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/70 { color: rgb(var(--palette-light-rgb) / 70%) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/75 { color: rgb(var(--palette-light-rgb) / 75%) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/80 { color: rgb(var(--palette-light-rgb) / 80%) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/85 { color: rgb(var(--palette-light-rgb) / 85%) !important; }
:where(html[data-palette="mury-beton"]) .text-white\/90 { color: rgb(var(--palette-light-rgb) / 90%) !important; }
:where(html[data-palette="mury-beton"]) .to-slate-700\/20 { --tw-gradient-to: rgb(var(--palette-dark-rgb) / 20%) !important; }
:where(html[data-palette="mury-beton"]) footer [class*="text-slate-"] { color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .nav-link.nav-active, :where(html[data-palette="mury-beton"]) .mobile-link.nav-active { color: var(--palette-dark); }
:where(html[data-palette="mury-beton"]) .nav-link.nav-active::after { background: var(--palette-taupe); }
/* Keep labels readable when a sand utility and a light-text utility coexist. */
:where(html[data-palette="mury-beton"]) .bg-sky-400, :where(html[data-palette="mury-beton"]) .bg-sky-500, :where(html[data-palette="mury-beton"]) .bg-sky-600 {
  background-color: var(--palette-sand) !important;
}
:where(html[data-palette="mury-beton"]) a.bg-sky-400, :where(html[data-palette="mury-beton"]) button.bg-sky-400, :where(html[data-palette="mury-beton"]) a.bg-sky-500, :where(html[data-palette="mury-beton"]) button.bg-sky-500, :where(html[data-palette="mury-beton"]) a.bg-sky-600, :where(html[data-palette="mury-beton"]) button.bg-sky-600 {
  color: var(--palette-dark) !important;
}
:where(html[data-palette="mury-beton"]) .bg-slate-300 { background-color: var(--palette-sand) !important; }
:where(html[data-palette="mury-beton"]) .bg-sky-500\/60 { background-color: rgb(var(--palette-sand-rgb) / 60%) !important; }