/* Tema: Del Roble Propiedades (del-roble). Generado por src/temas/css.ts. */

:root {
  --color-fondo: #faf8f3;
  --color-superficie: #ffffff;
  --color-borde: #e6decb;
  --color-texto: #1a1a17;
  --color-marca: #183f32;
  --color-acento: #e76a24;
  --color-acento-hondo: #bb5216;
  --color-suave: #d9ccaf;
  --color-decorativo: #5d7970;
  --color-agua: #36707e;
  --color-exito: #3f6f3a;
  --color-espera: #8a5a00;
  --color-falla: #a52822;
  --color-barra: #183f32;
  --color-calado: #efe9db;
  --color-calado-suave: #b9c4bc;
  --color-panel: #ccd5d2;
  --shadow-carta: 0 1px 2px rgb(70 58 35 / 0.05), 0 2px 8px rgb(70 58 35 / 0.05);
  --shadow-alzada: 0 4px 12px rgb(70 58 35 / 0.09), 0 12px 32px rgb(70 58 35 / 0.11);
  --shadow-hero: 0 -24px 48px rgb(24 42 34 / 0.2);
  --radius-chico: 0.25rem;
  --radius-control: 0.5rem;
  --radius-etiqueta: 0.375rem;
  --radius-carta: 0.875rem;
  --radius-bloque: 1.125rem;
  --font-sans: var(--fuente-archivo), ui-sans-serif, system-ui, sans-serif;
  --font-titulos: var(--fuente-archivo), ui-sans-serif, system-ui, sans-serif;
  --font-weight-medio: 500;
  --font-weight-fuerte: 600;
  --font-weight-negrita: 700;
  --spacing: 0.25rem;
  --container-medida: 68ch;
  --aspect-tarjeta: 4 / 3;
  --aspect-ficha: 16 / 9;
  --font-weight-texto: 400;
  --titulos-peso: 800;
  --titulos-ejes: "wdth" 122;
  --titulos-ejes-secundarios: "wdth" 105;
  --titulos-espaciado: -0.028em;
  --titulos-espaciado-secundario: -0.012em;
  --titulos-interlineado: 1.02;
  --titulos-transformar: none;
  --rotulo-peso: 600;
  --rotulo-espaciado: 0.14em;
  --rotulo-tamano: 11px;
  --rotulo-transformar: uppercase;
  --cifra-peso: 700;
  --cifra-ejes: "wdth" 112;
  --cifra-espaciado: -0.02em;
  --imagen-filtro: none;
  --portada-foto: url("/portada/berazategui.jpg");
  --portada-opacidad: 0.62;
  --velo-hero: linear-gradient(98deg, var(--color-barra) 10%, color-mix(in srgb, var(--color-barra) 78%, transparent) 42%, color-mix(in srgb, var(--color-barra) 30%, transparent) 72%, color-mix(in srgb, var(--color-barra) 12%, transparent) 100%);
  --logo-sobre-claro: url("/marca/del-roble.png");
  --logo-sobre-barra: url("/marca/del-roble-claro.png");
  --logo-proporcion: 3.1468531468531467;
  --cambio-de-tema: grid;
  --hero-posicion: sticky;
  --hero-desplazamiento: 4rem;
  --lamina-solape: -1.625rem;
  --lamina-radio: var(--radius-bloque) var(--radius-bloque) 0 0;
  --lamina-sombra: var(--shadow-hero);
  --boton-radio: var(--radius-control);
  --boton-espaciado: 0;
  --carta-borde: 1px solid var(--color-borde);
  --carta-sombra: var(--shadow-carta);
  --carta-sombra-alzada: var(--shadow-alzada);
}

.sitio[data-theme="dark"] {
  --color-fondo: #101f1a;
  --color-superficie: #18302a;
  --color-borde: #2a463e;
  --color-texto: #edeae1;
  --color-marca: #d9ccaf;
  --color-acento: #e76a24;
  --color-acento-hondo: #f0873c;
  --color-suave: #1f3a33;
  --color-decorativo: #6f8c83;
  --color-agua: #7fb3bf;
  --color-exito: #7cc47a;
  --color-espera: #e0a640;
  --color-falla: #f08a84;
  --color-barra: #183f32;
  --color-calado: #efe9db;
  --color-calado-suave: #b9c4bc;
  --color-panel: #ccd5d2;
  --shadow-carta: 0 1px 2px rgb(0 0 0 / 0.3), 0 2px 8px rgb(0 0 0 / 0.25);
  --shadow-alzada: 0 4px 12px rgb(0 0 0 / 0.45), 0 12px 32px rgb(0 0 0 / 0.4);
  --shadow-hero: 0 -24px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}