/* Los temas del diseño V3 (estilo Fluido). No se edita a mano: sale de gastos/temas.py con
   `python -m gastos.temas`. <html data-tema="oceano|atardecer|bosque|medianoche|uva" data-theme="dark|light">;
   el modo «como el móvil» lo resuelve tema.js antes de pintar. */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("fuentes/manrope.woff2") format("woff2"); }

:root {
  color-scheme: dark;
  --bg: #081016;
  --card: #111c24;
  --chip: #1e2d38;
  --nav: rgba(17,28,36,.97);
  --text: #f4f4f8;
  --muted: #8fa3ad;
  --acc: #2dd4bf;
  --acc-ink: #062420;
  --link: #5eead4;
  --acc-soft: rgba(45,212,191,.16);
  --ok: #5ee0ae;
  --bad: #ff8a8a;
  --warn: #f2c46b;
  --sombra: none;
  --glass: rgba(255,255,255,.14);
  --glass2: rgba(10,10,20,.35);
  --grad: radial-gradient(90% 70% at 20% 0%, #0fb5a0 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #2563eb 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #0b6a8f 0%, transparent 75%), #0b2233;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #0fb5a0 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #c2410c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #2563eb 0%, transparent 75%), #0b2233;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(15,181,160,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(37,99,235,.45) 0%, transparent 70%), #0b1a24;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(15,181,160,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(194,65,12,.45) 0%, transparent 70%), #0b1a24;
  --cal-1: #195352;
  --cal-tinta-1: #f4f4f8;
  --cal-2: #207c75;
  --cal-tinta-2: #f4f4f8;
  --cal-3: #26a89a;
  --cal-tinta-3: #062420;
  --cal-4: #2dd4bf;
  --cal-tinta-4: #062420;
}
:root[data-tema="oceano"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #081016;
  --card: #111c24;
  --chip: #1e2d38;
  --nav: rgba(17,28,36,.97);
  --text: #f4f4f8;
  --muted: #8fa3ad;
  --acc: #2dd4bf;
  --acc-ink: #062420;
  --link: #5eead4;
  --acc-soft: rgba(45,212,191,.16);
  --ok: #5ee0ae;
  --bad: #ff8a8a;
  --warn: #f2c46b;
  --sombra: none;
  --glass: rgba(255,255,255,.14);
  --glass2: rgba(10,10,20,.35);
  --grad: radial-gradient(90% 70% at 20% 0%, #0fb5a0 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #2563eb 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #0b6a8f 0%, transparent 75%), #0b2233;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #0fb5a0 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #c2410c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #2563eb 0%, transparent 75%), #0b2233;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(15,181,160,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(37,99,235,.45) 0%, transparent 70%), #0b1a24;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(15,181,160,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(194,65,12,.45) 0%, transparent 70%), #0b1a24;
  --cal-1: #195352;
  --cal-tinta-1: #f4f4f8;
  --cal-2: #207c75;
  --cal-tinta-2: #f4f4f8;
  --cal-3: #26a89a;
  --cal-tinta-3: #062420;
  --cal-4: #2dd4bf;
  --cal-tinta-4: #062420;
}
:root[data-tema="oceano"][data-theme="light"] {
  color-scheme: light;
  --bg: #eef4f5;
  --card: #fcfcfe;
  --chip: #e1ecee;
  --nav: rgba(252,252,254,.97);
  --text: #14151c;
  --muted: #5f616c;
  --acc: #0f766e;
  --acc-ink: #f2fbfa;
  --link: #0f766e;
  --acc-soft: rgba(15,118,110,.12);
  --ok: #13804f;
  --bad: #c23562;
  --warn: #9a5b00;
  --sombra: 0 8px 24px rgba(30,30,70,.08);
  --glass: rgba(255,255,255,.6);
  --glass2: rgba(255,255,255,.55);
  --grad: radial-gradient(90% 70% at 20% 0%, #8fe6da 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #a9c6ff 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #9ad7ea 0%, transparent 75%), #dff1f2;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #8fe6da 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #ffc9a8 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #a9c6ff 0%, transparent 75%), #dff1f2;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(143,230,218,.8) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(169,198,255,.8) 0%, transparent 70%), #e4f1f2;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(143,230,218,.8) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(255,190,150,.85) 0%, transparent 70%), #e4f1f2;
  --cal-1: #b5d4d3;
  --cal-tinta-1: #14151c;
  --cal-2: #81b6b3;
  --cal-tinta-2: #14151c;
  --cal-3: #489691;
  --cal-tinta-3: #14151c;
  --cal-4: #0f766e;
  --cal-tinta-4: #f2fbfa;
}
:root[data-tema="atardecer"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #120c0e;
  --card: #1e1517;
  --chip: #33252a;
  --nav: rgba(30,21,23,.97);
  --text: #f4f4f8;
  --muted: #ad9a9e;
  --acc: #ff8a5c;
  --acc-ink: #2a0e04;
  --link: #ffa07a;
  --acc-soft: rgba(255,138,92,.16);
  --ok: #5ee0ae;
  --bad: #ff9db0;
  --warn: #f2c46b;
  --sombra: none;
  --glass: rgba(255,255,255,.14);
  --glass2: rgba(10,10,20,.35);
  --grad: radial-gradient(90% 70% at 20% 0%, #ff7a45 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #e0468c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #ffb347 0%, transparent 75%), #3a1426;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #ff7a45 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #b91c1c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #e0468c 0%, transparent 75%), #3a1426;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(255,122,69,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(224,70,140,.45) 0%, transparent 70%), #22141a;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(255,122,69,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(194,65,12,.45) 0%, transparent 70%), #22141a;
  --cal-1: #62382c;
  --cal-tinta-1: #f4f4f8;
  --cal-2: #93523b;
  --cal-tinta-2: #f4f4f8;
  --cal-3: #c96e4b;
  --cal-tinta-3: #2a0e04;
  --cal-4: #ff8a5c;
  --cal-tinta-4: #2a0e04;
}
:root[data-tema="atardecer"][data-theme="light"] {
  color-scheme: light;
  --bg: #f7f1ee;
  --card: #fcfcfe;
  --chip: #f1e5e0;
  --nav: rgba(252,252,254,.97);
  --text: #14151c;
  --muted: #5f616c;
  --acc: #c2410c;
  --acc-ink: #fff6f1;
  --link: #b3400f;
  --acc-soft: rgba(194,65,12,.12);
  --ok: #13804f;
  --bad: #b32357;
  --warn: #9a5b00;
  --sombra: 0 8px 24px rgba(30,30,70,.08);
  --glass: rgba(255,255,255,.6);
  --glass2: rgba(255,255,255,.55);
  --grad: radial-gradient(90% 70% at 20% 0%, #ffc2a3 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #ffb3d3 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #ffe0a3 0%, transparent 75%), #fbe9e4;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #ffc2a3 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #ffc9a8 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #ffb3d3 0%, transparent 75%), #fbe9e4;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(255,194,163,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(255,179,211,.85) 0%, transparent 70%), #f9ebe6;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(255,194,163,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(255,190,150,.85) 0%, transparent 70%), #f9ebe6;
  --cal-1: #ebc4b5;
  --cal-tinta-1: #14151c;
  --cal-2: #de9b80;
  --cal-tinta-2: #14151c;
  --cal-3: #d06e46;
  --cal-tinta-3: #14151c;
  --cal-4: #c2410c;
  --cal-tinta-4: #fff6f1;
}
:root[data-tema="bosque"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a100c;
  --card: #141c17;
  --chip: #223028;
  --nav: rgba(20,28,23,.97);
  --text: #f4f4f8;
  --muted: #93a598;
  --acc: #a3e635;
  --acc-ink: #14210a;
  --link: #bef264;
  --acc-soft: rgba(163,230,53,.14);
  --ok: #7cc8ff;
  --bad: #ff8a8a;
  --warn: #f2c46b;
  --sombra: none;
  --glass: rgba(255,255,255,.14);
  --glass2: rgba(10,10,20,.35);
  --grad: radial-gradient(90% 70% at 20% 0%, #16a34a 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #84cc16 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #0d9488 0%, transparent 75%), #0f2a1d;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #16a34a 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #c2410c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #84cc16 0%, transparent 75%), #0f2a1d;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(22,163,74,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(132,204,22,.35) 0%, transparent 70%), #0f1c14;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(22,163,74,.45) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(194,65,12,.45) 0%, transparent 70%), #0f1c14;
  --cal-1: #3f5920;
  --cal-tinta-1: #f4f4f8;
  --cal-2: #679128;
  --cal-tinta-2: #14210a;
  --cal-3: #81b62e;
  --cal-tinta-3: #14210a;
  --cal-4: #a3e635;
  --cal-tinta-4: #14210a;
}
:root[data-tema="bosque"][data-theme="light"] {
  color-scheme: light;
  --bg: #f1f4ef;
  --card: #fcfcfe;
  --chip: #e3eadf;
  --nav: rgba(252,252,254,.97);
  --text: #14151c;
  --muted: #5f616c;
  --acc: #3f6212;
  --acc-ink: #f6fbee;
  --link: #3f6212;
  --acc-soft: rgba(63,98,18,.12);
  --ok: #1d5fa8;
  --bad: #c23562;
  --warn: #9a5b00;
  --sombra: 0 8px 24px rgba(30,30,70,.08);
  --glass: rgba(255,255,255,.6);
  --glass2: rgba(255,255,255,.55);
  --grad: radial-gradient(90% 70% at 20% 0%, #a7e8b8 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #d9f99d 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #9fe3d6 0%, transparent 75%), #e6f3e4;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #a7e8b8 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #ffc9a8 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #d9f99d 0%, transparent 75%), #e6f3e4;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(167,232,184,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(217,249,157,.85) 0%, transparent 70%), #e8f2e5;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(167,232,184,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(255,190,150,.85) 0%, transparent 70%), #e8f2e5;
  --cal-1: #c3ceb7;
  --cal-tinta-1: #14151c;
  --cal-2: #9aac83;
  --cal-tinta-2: #14151c;
  --cal-3: #6c874b;
  --cal-tinta-3: #14151c;
  --cal-4: #3f6212;
  --cal-tinta-4: #f6fbee;
}
:root[data-tema="medianoche"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #070a14;
  --card: #10152a;
  --chip: #1d2440;
  --nav: rgba(16,21,42,.97);
  --text: #f4f4f8;
  --muted: #8f97b5;
  --acc: #60a5fa;
  --acc-ink: #06142e;
  --link: #93c5fd;
  --acc-soft: rgba(96,165,250,.16);
  --ok: #5ee0ae;
  --bad: #ff8a8a;
  --warn: #f2c46b;
  --sombra: none;
  --glass: rgba(255,255,255,.14);
  --glass2: rgba(10,10,20,.35);
  --grad: radial-gradient(90% 70% at 20% 0%, #2c4bd6 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #0ea5c6 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #1e3a8a 0%, transparent 75%), #0a1230;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #2c4bd6 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #c2410c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #0ea5c6 0%, transparent 75%), #0a1230;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(44,75,214,.5) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(14,165,198,.4) 0%, transparent 70%), #0b1126;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(44,75,214,.5) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(194,65,12,.45) 0%, transparent 70%), #0b1126;
  --cal-1: #284068;
  --cal-tinta-1: #f4f4f8;
  --cal-2: #3a6096;
  --cal-tinta-2: #f4f4f8;
  --cal-3: #4d82c8;
  --cal-tinta-3: #06142e;
  --cal-4: #60a5fa;
  --cal-tinta-4: #06142e;
}
:root[data-tema="medianoche"][data-theme="light"] {
  color-scheme: light;
  --bg: #eff2f8;
  --card: #fcfcfe;
  --chip: #e2e7f2;
  --nav: rgba(252,252,254,.97);
  --text: #14151c;
  --muted: #5f616c;
  --acc: #1d4ed8;
  --acc-ink: #f2f6ff;
  --link: #1d4ed8;
  --acc-soft: rgba(29,78,216,.1);
  --ok: #13804f;
  --bad: #c23562;
  --warn: #9a5b00;
  --sombra: 0 8px 24px rgba(30,30,70,.08);
  --glass: rgba(255,255,255,.6);
  --glass2: rgba(255,255,255,.55);
  --grad: radial-gradient(90% 70% at 20% 0%, #b3c6ff 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #a5ecf7 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #c7d2fe 0%, transparent 75%), #e5eaf8;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #b3c6ff 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #ffc9a8 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #a5ecf7 0%, transparent 75%), #e5eaf8;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(179,198,255,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(165,236,247,.85) 0%, transparent 70%), #e6ebf8;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(179,198,255,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(255,190,150,.85) 0%, transparent 70%), #e6ebf8;
  --cal-1: #b9c8f3;
  --cal-tinta-1: #14151c;
  --cal-2: #88a2ea;
  --cal-tinta-2: #14151c;
  --cal-3: #557ae2;
  --cal-tinta-3: #14151c;
  --cal-4: #1d4ed8;
  --cal-tinta-4: #f2f6ff;
}
:root[data-tema="uva"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e0a16;
  --card: #1a1424;
  --chip: #2c223b;
  --nav: rgba(26,20,36,.97);
  --text: #f4f4f8;
  --muted: #a59bb5;
  --acc: #f5b83d;
  --acc-ink: #2a1a00;
  --link: #fcd27b;
  --acc-soft: rgba(245,184,61,.16);
  --ok: #5ee0ae;
  --bad: #ff8a8a;
  --warn: #f2c46b;
  --sombra: none;
  --glass: rgba(255,255,255,.14);
  --glass2: rgba(10,10,20,.35);
  --grad: radial-gradient(90% 70% at 20% 0%, #7c3aed 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #c026d3 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #4338ca 0%, transparent 75%), #1b1030;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #7c3aed 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #c2410c 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #c026d3 0%, transparent 75%), #1b1030;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(124,58,237,.5) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(192,38,211,.4) 0%, transparent 70%), #161026;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(124,58,237,.5) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(194,65,12,.45) 0%, transparent 70%), #161026;
  --cal-1: #5c452c;
  --cal-tinta-1: #f4f4f8;
  --cal-2: #8c6931;
  --cal-tinta-2: #f4f4f8;
  --cal-3: #c09137;
  --cal-tinta-3: #2a1a00;
  --cal-4: #f5b83d;
  --cal-tinta-4: #2a1a00;
}
:root[data-tema="uva"][data-theme="light"] {
  color-scheme: light;
  --bg: #f4f1f8;
  --card: #fcfcfe;
  --chip: #ebe4f3;
  --nav: rgba(252,252,254,.97);
  --text: #14151c;
  --muted: #5f616c;
  --acc: #7a4a00;
  --acc-ink: #fff8eb;
  --link: #6d28d9;
  --acc-soft: rgba(122,74,0,.1);
  --ok: #13804f;
  --bad: #c23562;
  --warn: #9a5b00;
  --sombra: 0 8px 24px rgba(30,30,70,.08);
  --glass: rgba(255,255,255,.6);
  --glass2: rgba(255,255,255,.55);
  --grad: radial-gradient(90% 70% at 20% 0%, #cdb4ff 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #f5b3f0 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #c4c8ff 0%, transparent 75%), #efe7fb;
  --grad-mal: radial-gradient(90% 70% at 20% 0%, #cdb4ff 0%, transparent 70%), radial-gradient(70% 60% at 100% 30%, #ffc9a8 0%, transparent 70%), radial-gradient(80% 60% at 50% 100%, #f5b3f0 0%, transparent 75%), #efe7fb;
  --grad-suave: radial-gradient(80% 120% at 0% 0%, rgba(205,180,255,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(245,179,240,.85) 0%, transparent 70%), #efe8f9;
  --grad-mal-suave: radial-gradient(80% 120% at 0% 0%, rgba(205,180,255,.85) 0%, transparent 70%), radial-gradient(70% 120% at 100% 0%, rgba(255,190,150,.85) 0%, transparent 70%), #efe8f9;
  --cal-1: #d5c7b2;
  --cal-tinta-1: #14151c;
  --cal-2: #b89f7a;
  --cal-tinta-2: #14151c;
  --cal-3: #9d7a45;
  --cal-tinta-3: #14151c;
  --cal-4: #7a4a00;
  --cal-tinta-4: #fff8eb;
}