/* Marca Porcícola La Guzmana.
   Cobre #B87030, tinta #1C140C, crema #F7F1E8.
   El nombre --teal se conserva porque las pantallas heredadas lo usan como acento. */

html[data-theme="light"] {
  color-scheme: light;
  --teal: #B87030 !important;
  --teal-d: #7A4A1E !important;
  --teal-bg: rgba(184, 112, 48, .12) !important;
  --teal-bg2: rgba(184, 112, 48, .06) !important;
  --bg: #F7F1E8 !important;
  --bg2: #FFFBF6 !important;
  --text: #1C140C !important;
  --border: #E7D9C8 !important;
  --border2: #D9C4AE !important;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --teal: #C9894A !important;
  --teal-d: #E7C4A0 !important;
  --teal-bg: rgba(201, 137, 74, .16) !important;
  --teal-bg2: rgba(201, 137, 74, .08) !important;
  --bg: #14110E !important;
  --bg2: #1C1814 !important;
  --text: #F7F1E8 !important;
}

@media (forced-colors: active) {
  html {
    --teal: CanvasText !important;
    --teal-d: CanvasText !important;
    --teal-bg: Canvas !important;
    --bg: Canvas !important;
    --bg2: Canvas !important;
    --text: CanvasText !important;
    --surface: Canvas !important;
    --border: CanvasText !important;
    --border2: CanvasText !important;
  }
}

dialog:modal {
  overscroll-behavior: contain;
}

dialog::backdrop {
  overscroll-behavior: contain;
}