/* 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: #F2EEE7; }
@property --fg { syntax: '<color>'; inherits: true; initial-value: #1F1A26; }
@property --acento { syntax: '<color>'; inherits: true; initial-value: #5B3688; }

:root {
  --bg: #F2EEE7; --fg: #1F1A26; --acento: #5B3688; --ink: #E2DCE0;
  --muted-p: 74%;
  --g-a: 67%; --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(31,26,38,.05), 0 26px 60px -36px rgba(31,26,38,.22);
  color-scheme: light;
}

/* Personalidad de la marca (proyecto.json → personalidad). Cambia cómo se siente el mismo motor. */
:root {
  --f-display: "Literata", Georgia, "Times New Roman", serif;
  --f-texto: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-peso: 380; --tracking-display: -0.02em; --escala: 1.0;
  --display-transform: none; --em-estilo: italic; --em-peso: inherit;
  --r-forma: var(--r-1); --r-banda: var(--r-1); --r-2: 2px; --r-boton: 2px;
  --ease: cubic-bezier(.25, 1, .5, 1); --ease-io: cubic-bezier(.76, 0, .24, 1);
  --d-1: 0.20s; --d-2: 0.39s; --d-3: 0.77s; --d-4: 1.32s;
  --grano: 0.035;
}

/* papel: texto 14.7:1 · secundario 7.5:1 · acento 7.8:1 (apto texto pequeño) */
body[data-tema-activo="papel"], [data-local][data-tema="papel"] {
  --bg: #F2EEE7; --fg: #1F1A26; --acento: #5B3688; --ink: #E2DCE0;
  --muted-p: 74%;
  --g-a: 67%; --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(31,26,38,.05), 0 26px 60px -36px rgba(31,26,38,.22);
  color-scheme: light;
}

/* archivo: texto 13.1:1 · secundario 6.9:1 · acento 7.8:1 (apto texto pequeño) */
body[data-tema-activo="archivo"], [data-local][data-tema="archivo"] {
  --bg: #E7E1D7; --fg: #1F1A26; --acento: #6A3212; --ink: #D8D0C8;
  --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(31,26,38,.05), 0 26px 60px -36px rgba(31,26,38,.22);
  color-scheme: light;
}

/* tinta: texto 14.7:1 · secundario 7.9:1 · acento 9.0:1 (apto texto pequeño) */
body[data-tema-activo="tinta"], [data-local][data-tema="tinta"] {
  --bg: #1B1721; --fg: #F0EAE1; --acento: #C7AEEA; --ink: #28222F;
  --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;
}

/* brief: texto 11.0:1 · secundario 6.5:1 · acento 8.2:1 (apto texto pequeño) */
body[data-tema-activo="brief"], [data-local][data-tema="brief"] {
  --bg: #43285F; --fg: #F6F0F8; --acento: #F2CDA6; --ink: #4E336B;
  --muted-p: 74%;
  --g-a: 66%; --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;
}