/* GENERADO por marca/herramientas/generar.py desde marca/identidad.json. No editar a mano. */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/source-serif-4-latin-opsz-normal.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400 800;font-display:swap;src:url('../fonts/source-serif-4-latin-opsz-italic.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-700-normal.woff2') format('woff2')}
:root{
  --dm-marron: #6B5B4D;
  --dm-verde-agua: #3F6058;
  --dm-verde-agua-claro: #8FB3A9;
  --dm-pastel: #D9C9B8;
  --dm-negro: #141414;
  --dm-blanco: #FFFFFF;
  --dm-gris-600: #6E655D;
  --dm-gris-400: #A69C92;
  --dm-gris-200: #E4DDD5;
  --dm-arena-100: #F4EEE7;
  --dm-tinta-oscuro: #F2EEEA;
  --dm-filete-oscuro: #2E2A26;
  --dm-superficie-oscuro: #1E1C1A;
  --dm-texto-sobre-negro: #CFC6BD;
  --dm-policiales-fondo: #2A2622;
  --dm-policiales-filete: #3A3430;
  --dm-cultura-fondo: #FBF8F4;
  --dm-servicio-fondo: #F7F3EE;
  --dm-bg: #FFFFFF;
  --dm-ink: #141414;
  --dm-head: #141414;
  --dm-muted: #6E655D;
  --dm-rule: #E4DDD5;
  --dm-surface: #F4EEE7;
  --dm-band: #F4EEE7;
  --dm-volanta: #6B5B4D;
  --dm-teal: #3F6058;
  --dm-serif: 'Source Serif 4', Georgia, serif;
  --dm-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --dm-contenedor: 1100px;
  --dm-pad: 20px;
  --dm-transicion: .2s;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-tema="claro"]){
    --dm-bg: #141414;
    --dm-ink: #F2EEEA;
    --dm-head: #FFFFFF;
    --dm-muted: #A69C92;
    --dm-rule: #2E2A26;
    --dm-surface: #1E1C1A;
    --dm-band: #3F6058;
    --dm-volanta: #D9C9B8;
    --dm-teal: #8FB3A9;
    color-scheme: dark;
  }
}
:root[data-tema="oscuro"]{
  --dm-bg: #141414;
  --dm-ink: #F2EEEA;
  --dm-head: #FFFFFF;
  --dm-muted: #A69C92;
  --dm-rule: #2E2A26;
  --dm-surface: #1E1C1A;
  --dm-band: #3F6058;
  --dm-volanta: #D9C9B8;
  --dm-teal: #8FB3A9;
  color-scheme: dark;
}