/* Generado por 4 Herramientas/sistema.py desde proyecto.json · no editar a mano */
/* Tema global: <body data-tema-activo> lo cambia nucleo.js según la sección que ocupa la pantalla,
   así texto y fondo cambian juntos y nunca queda texto claro sobre fondo claro.
   [data-local] fija el tema en elementos que pintan su propio fondo (pie, menú, umbral, paneles). */

@property --bg { syntax: '<color>'; inherits: true; initial-value: #17110C; }
@property --fg { syntax: '<color>'; inherits: true; initial-value: #EFE5D6; }
@property --acento { syntax: '<color>'; inherits: true; initial-value: #CFA47A; }

:root {
  --bg: #17110C; --fg: #EFE5D6; --acento: #CFA47A; --ink: #2C241C;
  --muted-p: 74%;
  --g-a: 61%; --g-deep: 82%; --g-to: #000;
  --g-filter: blur(var(--g-blur)) saturate(170%) contrast(.6) brightness(.62);
  --g-shadow: 0 1px 1px rgba(0,0,0,.1), 0 26px 60px -32px rgba(0,0,0,.5);
  color-scheme: dark;
}

/* Personalidad de la marca (proyecto.json → personalidad). Cambia cómo se siente el mismo motor. */
:root {
  --f-display: "Castoro", Georgia, "Times New Roman", serif;
  --f-texto: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-peso: 400; --tracking-display: -0.01em; --escala: 1.0;
  --display-transform: none; --em-estilo: italic; --em-peso: inherit;
  --r-forma: 999px; --r-banda: 999px; --r-2: 2px; --r-boton: 2px;
  --ease: cubic-bezier(.25, 1, .5, 1); --ease-io: cubic-bezier(.76, 0, .24, 1);
  --d-1: 0.21s; --d-2: 0.40s; --d-3: 0.80s; --d-4: 1.38s;
  --grano: 0.06;
}

/* vitrina: texto 15.0:1 · secundario 7.9:1 · acento 8.2:1 (apto texto pequeño) */
body[data-tema-activo="vitrina"], [data-local][data-tema="vitrina"] {
  --bg: #17110C; --fg: #EFE5D6; --acento: #CFA47A; --ink: #2C241C;
  --muted-p: 74%;
  --g-a: 61%; --g-deep: 82%; --g-to: #000;
  --g-filter: blur(var(--g-blur)) saturate(170%) contrast(.6) brightness(.62);
  --g-shadow: 0 1px 1px rgba(0,0,0,.1), 0 26px 60px -32px rgba(0,0,0,.5);
  color-scheme: dark;
}

/* patina: texto 10.7:1 · secundario 6.4:1 · acento 7.9:1 (apto texto pequeño) */
body[data-tema-activo="patina"], [data-local][data-tema="patina"] {
  --bg: #043C27; --fg: #E3F1E9; --acento: #96DCBB; --ink: #1F4F3A;
  --muted-p: 74%;
  --g-a: 68%; --g-deep: 82%; --g-to: #000;
  --g-filter: blur(var(--g-blur)) saturate(170%) contrast(.6) brightness(.62);
  --g-shadow: 0 1px 1px rgba(0,0,0,.1), 0 26px 60px -32px rgba(0,0,0,.5);
  color-scheme: dark;
}

/* bronce: texto 10.2:1 · secundario 6.1:1 · acento 7.8:1 (apto texto pequeño) */
body[data-tema-activo="bronce"], [data-local][data-tema="bronce"] {
  --bg: #4A3222; --fg: #F6ECDF; --acento: #EBCDA9; --ink: #5D4534;
  --muted-p: 74%;
  --g-a: 71%; --g-deep: 82%; --g-to: #000;
  --g-filter: blur(var(--g-blur)) saturate(170%) contrast(.6) brightness(.62);
  --g-shadow: 0 1px 1px rgba(0,0,0,.1), 0 26px 60px -32px rgba(0,0,0,.5);
  color-scheme: dark;
}

/* peltre: texto 12.2:1 · secundario 6.9:1 · acento 6.9:1 (apto texto pequeño) */
body[data-tema-activo="peltre"], [data-local][data-tema="peltre"] {
  --bg: #2A2725; --fg: #ECE8E2; --acento: #D2AA82; --ink: #3E3935;
  --muted-p: 74%;
  --g-a: 67%; --g-deep: 82%; --g-to: #000;
  --g-filter: blur(var(--g-blur)) saturate(170%) contrast(.6) brightness(.62);
  --g-shadow: 0 1px 1px rgba(0,0,0,.1), 0 26px 60px -32px rgba(0,0,0,.5);
  color-scheme: dark;
}

/* lamina: texto 13.6:1 · secundario 7.4:1 · acento 6.5:1 (apto texto pequeño) */
body[data-tema-activo="lamina"], [data-local][data-tema="lamina"] {
  --bg: #E4E0DA; --fg: #1C1611; --acento: #6E4223; --ink: #D8D2CB;
  --muted-p: 74%;
  --g-a: 71%; --g-deep: 100%; --g-to: #fff;
  --g-filter: blur(var(--g-blur)) saturate(150%) contrast(.55) brightness(1.22);
  --g-shadow: 0 1px 1px rgba(28,22,17,.05), 0 26px 60px -36px rgba(28,22,17,.22);
  color-scheme: light;
}