/* Identidad visual: ilustraciones (línea negra, acento lima y verde agua). Las usan la app, la página principal y el admin. */
:root { --teal: #94cbc3; --teal-soft: #e2f1ee; }
:root[data-theme="dark"] { --teal-soft: #23312f; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --teal-soft: #23312f; } }
.lp-art svg { display: block; width: 100%; height: auto; fill: none; stroke: var(--ink); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.lp-art .i { fill: var(--ink); stroke: none; }
.lp-art .a { fill: var(--wash, var(--lime)); stroke: none; }
.lp-art .t { fill: #94cbc3; stroke: none; }
.lp-art .w { fill: var(--bg); }
.lp-art .wl { stroke: var(--bg); }
.lp-art .tx { fill: var(--ink); stroke: none; font-family: inherit; }
.lp-art { --ink: #0d0b1a; --bg: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .lp-art:not(.lp-art-end) { background: #eef3dc; border-radius: 28px; padding: 10px; } }
:root[data-theme="dark"] .lp-art:not(.lp-art-end) { background: #eef3dc; border-radius: 28px; padding: 10px; }
.lp-art .as { stroke: var(--wash, var(--lime)); stroke-width: 15; fill: none; }