/* GENERADO por Scripts/themes/build_themes.py — no editar a mano.
 * Capa de ROL: los colores que cambian por tema. La capa semántica está en tokens.css.
 * :root trae el tema 1; :root[data-theme=N] redefine para los demás. */

/* 1 · Grafito + Ámbar — Contraste alto */
:root {
  --st:#1E222A; --st2:#2A2F3A;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(255,255,255,0.58); --nav-ac:#FFB13A; --nav-gr:rgba(255,255,255,0.48);
  --ac:#FFA020; --ac-grad:linear-gradient(135deg,#FFBC48,#FFA020); --ac-on:#1E222A; --ac-strong:#E08A0A;
  --ac-text:#A96500;
  --ac-soft:rgba(255,160,32,.14); --ac-xsoft:rgba(255,160,32,0.07); --ac-bd:rgba(255,160,32,.38); --ac-ring:rgba(255,160,32,.28);
  --ac-glow:rgba(255,160,32,.55);
  --dt:#185FA5; --dt-soft:rgba(24,95,165,.12); --dt-ico:#1E6FBF;
  --bg:#F0F2F5; --card:#FFFFFF; --border:#E1E5EA; --line:#EDEFF3;
  --input-bd:#D5DAE1; --hover:#F7F8FA;
  --text:#23272F; --body:#4A515C; --muted:#5F646E; --faint:#666978;
  --ok:#197D44; --ok-bg:#E7F3EC; --ok-bd:#BFE3CD; --ok-strong:#166C3A;
  --wa:#92600A; --wa-bg:#FAF0DA; --wa-bd:#EBD7A4; --wa-strong:#7E5309;
  --ba:#B42318; --ba-bg:#FBE8E6; --ba-bd:#F3C4BE; --ba-strong:#9B1E15;
  --inf:#0C447C; --inf-bg:#E6F1FB; --inf-bd:#C6DEF4; --inf-strong:#0A3A6B;
}

/* 2 · Navy + Naranja — Contraste alto */
:root[data-theme="2"] {
  --st:#1B2547; --st2:#232F58;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:#9AA6C6; --nav-ac:#FFC36B; --nav-gr:#8390AC;
  --ac:#FF8C0A; --ac-grad:linear-gradient(135deg,#FFAE3A,#FF8C0A); --ac-on:#1B2547; --ac-strong:#E07600;
  --ac-text:#B85E00;
  --ac-soft:rgba(255,140,10,.14); --ac-xsoft:rgba(255,140,10,0.07); --ac-bd:rgba(255,140,10,.38); --ac-ring:rgba(255,140,10,.28);
  --ac-glow:rgba(255,140,10,.55);
  --dt:#2AA198; --dt-soft:rgba(42,161,152,.18); --dt-ico:#21867F;
  --bg:#F4F6FB; --card:#FFFFFF; --border:#DFE5F1; --line:#EEF1F8;
  --input-bd:#D5DCEA; --hover:#F7F9FC;
  --text:#1A2236; --body:#43506B; --muted:#57637F; --faint:#636A87;
  --ok:#1F7A52; --ok-bg:#E5F6EE; --ok-bd:#B8E4CF; --ok-strong:#1B6947;
  --wa:#8B6916; --wa-bg:#FDF3DD; --wa-bd:#ECD9A8; --wa-strong:#785A13;
  --ba:#B04A5D; --ba-bg:#FCEEF1; --ba-bd:#F0D4DA; --ba-strong:#974050;
  --inf:#4F42B5; --inf-bg:#EDEBFC; --inf-bd:#D5D0F7; --inf-strong:#44399C;
}

/* 3 · Tinta + Índigo — Contraste alto */
:root[data-theme="3"] {
  --st:#1E1B33; --st2:#2A2545;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(226,224,240,0.60); --nav-ac:#A79CFF; --nav-gr:rgba(226,224,240,0.54);
  --ac:#5A45F0; --ac-grad:linear-gradient(135deg,#5A45F0,#4330D0); --ac-on:#FFFFFF; --ac-strong:#4330D0;
  --ac-text:#4330D0;
  --ac-soft:rgba(90,69,240,.12); --ac-xsoft:rgba(90,69,240,0.06); --ac-bd:rgba(90,69,240,.34); --ac-ring:rgba(90,69,240,.24);
  --ac-glow:rgba(90,69,240,.55);
  --dt:#0E97B6; --dt-soft:rgba(14,151,182,.14); --dt-ico:#0B7E99;
  --bg:#F2F1F7; --card:#FFFFFF; --border:#E2E0EC; --line:#EEEDF4;
  --input-bd:#D8D5E5; --hover:#F8F7FC;
  --text:#201C33; --body:#4B4763; --muted:#656077; --faint:#6B6882;
  --ok:#1F7A52; --ok-bg:#E6F4EC; --ok-bd:#BDE2CD; --ok-strong:#1B6947;
  --wa:#8A5F12; --wa-bg:#FBF1DC; --wa-bd:#EBD8A9; --wa-strong:#77520F;
  --ba:#AE3F52; --ba-bg:#FBEAEE; --ba-bd:#F1CDD6; --ba-strong:#963647;
  --inf:#3B4FB8; --inf-bg:#EAEDFB; --inf-bd:#CBD3F5; --inf-strong:#33449E;
}

/* 4 · Pino + Cobre — Contraste alto */
:root[data-theme="4"] {
  --st:#16302B; --st2:#1C3C35;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(230,238,234,0.58); --nav-ac:#E9A06B; --nav-gr:rgba(230,238,234,0.54);
  --ac:#E86A2B; --ac-grad:linear-gradient(135deg,#F5834A,#E86A2B); --ac-on:#2B1500; --ac-strong:#C95519;
  --ac-text:#B04A12;
  --ac-soft:rgba(232,106,43,.13); --ac-xsoft:rgba(232,106,43,0.07); --ac-bd:rgba(232,106,43,.36); --ac-ring:rgba(232,106,43,.26);
  --ac-glow:rgba(232,106,43,.55);
  --dt:#3E7CB1; --dt-soft:rgba(62,124,177,.14); --dt-ico:#35699A;
  --bg:#F1F4F1; --card:#FFFFFF; --border:#DEE5E0; --line:#ECF0EC;
  --input-bd:#D3DCD6; --hover:#F7F9F7;
  --text:#1B2321; --body:#46534E; --muted:#5D645F; --faint:#636B64;
  --ok:#1C7A4E; --ok-bg:#E5F3EB; --ok-bd:#B7E0C8; --ok-strong:#186943;
  --wa:#8A5A0B; --wa-bg:#FAF0DA; --wa-bd:#E9D5A2; --wa-strong:#774D09;
  --ba:#A8433F; --ba-bg:#FAE9E7; --ba-bd:#EFC9C5; --ba-strong:#903A36;
  --inf:#2F6690; --inf-bg:#E8F1F8; --inf-bd:#C7DDEE; --inf-strong:#28587C;
}

/* 5 · Acero + Azul — Contraste alto */
:root[data-theme="5"] {
  --st:#1C2431; --st2:#26313F;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(226,232,240,0.58); --nav-ac:#7FB5F5; --nav-gr:rgba(226,232,240,0.54);
  --ac:#1A72DC; --ac-grad:linear-gradient(135deg,#1A72DC,#145CB5); --ac-on:#FFFFFF; --ac-strong:#145CB5;
  --ac-text:#145CB5;
  --ac-soft:rgba(26,114,220,.12); --ac-xsoft:rgba(26,114,220,0.06); --ac-bd:rgba(26,114,220,.34); --ac-ring:rgba(26,114,220,.24);
  --ac-glow:rgba(26,114,220,.55);
  --dt:#0E9F6E; --dt-soft:rgba(14,159,110,.14); --dt-ico:#0C8A5F;
  --bg:#F1F4F8; --card:#FFFFFF; --border:#DDE3EB; --line:#EBEFF5;
  --input-bd:#D2DAE4; --hover:#F7F9FC;
  --text:#1B2430; --body:#475467; --muted:#5D646F; --faint:#666978;
  --ok:#0C7A52; --ok-bg:#E4F4EC; --ok-bd:#B5E0CB; --ok-strong:#0A6947;
  --wa:#92600A; --wa-bg:#FAF0DA; --wa-bd:#EBD7A4; --wa-strong:#7E5309;
  --ba:#B42318; --ba-bg:#FBE8E6; --ba-bd:#F3C4BE; --ba-strong:#9B1E15;
  --inf:#12559F; --inf-bg:#E7F1FB; --inf-bd:#C4DCF3; --inf-strong:#0F4989;
}

/* 6 · Lavanda + Azul niebla — Apagadas */
:root[data-theme="6"] {
  --st:#443D5C; --st2:#494262;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(238,235,248,0.66); --nav-ac:#DCD5FA; --nav-gr:rgba(238,235,248,0.64);
  --ac:#7A5CF0; --ac-grad:linear-gradient(135deg,#7A5CF0,#5F44D0); --ac-on:#FFFFFF; --ac-strong:#5F44D0;
  --ac-text:#5F44D0;
  --ac-soft:rgba(122,92,240,.12); --ac-xsoft:rgba(122,92,240,0.06); --ac-bd:rgba(122,92,240,.32); --ac-ring:rgba(122,92,240,.22);
  --ac-glow:rgba(122,92,240,.50);
  --dt:#5D8AC4; --dt-soft:rgba(93,138,196,.13); --dt-ico:#4E77AC;
  --bg:#F5F4F8; --card:#FFFFFF; --border:#E6E4EE; --line:#F0EFF5;
  --input-bd:#DCD9E6; --hover:#FAF9FC;
  --text:#2E2A3D; --body:#5A5570; --muted:#69637D; --faint:#6C6987;
  --ok:#357B5B; --ok-bg:#EAF4EF; --ok-bd:#C4E0D2; --ok-strong:#2E6A4E;
  --wa:#8B6A25; --wa-bg:#FBF3E2; --wa-bd:#EBDCB6; --wa-strong:#785B20;
  --ba:#AB5160; --ba-bg:#FAEDF0; --ba-bd:#EED3D9; --ba-strong:#934653;
  --inf:#476EAE; --inf-bg:#EDF2FA; --inf-bd:#CFDDF0; --inf-strong:#3D5F96;
}

/* 7 · Azul niebla + Salvia — Apagadas */
:root[data-theme="7"] {
  --st:#3A4A63; --st2:#415069;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(233,239,247,0.72); --nav-ac:#A8C8EE; --nav-gr:rgba(233,239,247,0.68);
  --ac:#2F74CC; --ac-grad:linear-gradient(135deg,#2F74CC,#255DA8); --ac-on:#FFFFFF; --ac-strong:#255DA8;
  --ac-text:#255DA8;
  --ac-soft:rgba(47,116,204,.12); --ac-xsoft:rgba(47,116,204,0.06); --ac-bd:rgba(47,116,204,.32); --ac-ring:rgba(47,116,204,.22);
  --ac-glow:rgba(47,116,204,.50);
  --dt:#3F94A6; --dt-soft:rgba(63,148,166,.13); --dt-ico:#357E8E;
  --bg:#F3F5F8; --card:#FFFFFF; --border:#E2E7EE; --line:#EEF1F6;
  --input-bd:#D8DFE8; --hover:#F8FAFC;
  --text:#26303D; --body:#556275; --muted:#5D6674; --faint:#676C7F;
  --ok:#357B5B; --ok-bg:#EAF4EF; --ok-bd:#C4E0D2; --ok-strong:#2E6A4E;
  --wa:#8B6A25; --wa-bg:#FBF3E2; --wa-bd:#EBDCB6; --wa-strong:#785B20;
  --ba:#AB5160; --ba-bg:#FAEDF0; --ba-bd:#EED3D9; --ba-strong:#934653;
  --inf:#5167C1; --inf-bg:#EDEFFA; --inf-bd:#D2D8F2; --inf-strong:#4659A6;
}

/* 8 · Durazno + Arena — Apagadas */
:root[data-theme="8"] {
  --st:#453B37; --st2:#524642;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.08);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(246,241,235,0.66); --nav-ac:#F0B98C; --nav-gr:rgba(246,241,235,0.60);
  --ac:#F0955A; --ac-grad:linear-gradient(135deg,#F7AE7C,#F0955A); --ac-on:#3F332C; --ac-strong:#D67A40;
  --ac-text:#B85E24;
  --ac-soft:rgba(240,149,90,.15); --ac-xsoft:rgba(240,149,90,0.07); --ac-bd:rgba(240,149,90,.36); --ac-ring:rgba(240,149,90,.26);
  --ac-glow:rgba(240,149,90,.55);
  --dt:#8479AD; --dt-soft:rgba(132,121,173,.14); --dt-ico:#6F6596;
  --bg:#F6F4F1; --card:#FFFFFF; --border:#E9E4DE; --line:#F2EEEA;
  --input-bd:#DFD8D0; --hover:#FAF8F6;
  --text:#2E2926; --body:#5D544E; --muted:#6C6460; --faint:#776967;
  --ok:#417A57; --ok-bg:#ECF4EE; --ok-bd:#C7E0CF; --ok-strong:#38694B;
  --wa:#8B6923; --wa-bg:#FAF2E1; --wa-bd:#E9DAB4; --wa-strong:#785A1E;
  --ba:#A65552; --ba-bg:#F9EDEB; --ba-bd:#EDD3D0; --ba-strong:#8F4947;
  --inf:#487396; --inf-bg:#EDF3F8; --inf-bd:#CEDEEB; --inf-strong:#3E6381;
}

/* 9 · Violeta eléctrico + Naranja — Vivas */
:root[data-theme="9"] {
  --st:#5A3FD6; --st2:#4B33B8;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.14);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(255,255,255,0.76); --nav-ac:#FFD6AD; --nav-gr:rgba(255,255,255,0.76);
  --ac:#FF7A1A; --ac-grad:linear-gradient(135deg,#FF9A3D,#FF7A1A); --ac-on:#3A2400; --ac-strong:#D96200;
  --ac-text:#C05800;
  --ac-soft:rgba(255,122,26,.14); --ac-xsoft:rgba(255,122,26,0.07); --ac-bd:rgba(255,122,26,.38); --ac-ring:rgba(255,122,26,.30);
  --ac-glow:rgba(255,122,26,.55);
  --dt:#1E9AF0; --dt-soft:rgba(30,154,240,.14); --dt-ico:#1580CE;
  --bg:#F6F5FD; --card:#FFFFFF; --border:#E6E3F5; --line:#F1EFFA;
  --input-bd:#DCD8F0; --hover:#FAF9FE;
  --text:#241C4A; --body:#4D4570; --muted:#68608B; --faint:#6C6893;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#2563C9; --inf-bg:#E9F0FD; --inf-bd:#C7DAF7; --inf-strong:#2055AD;
}

/* 10 · Cielo + Naranja sol — Vivas */
:root[data-theme="10"] {
  --st:#1565A5; --st2:#12548A;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.16);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(255,255,255,0.80); --nav-ac:#FFE0BD; --nav-gr:rgba(255,255,255,0.80);
  --ac:#FF8A2B; --ac-grad:linear-gradient(135deg,#FFA85A,#FF8A2B); --ac-on:#40260A; --ac-strong:#E06F12;
  --ac-text:#B35D12;
  --ac-soft:rgba(255,138,43,.15); --ac-xsoft:rgba(255,138,43,0.07); --ac-bd:rgba(255,138,43,.38); --ac-ring:rgba(255,138,43,.30);
  --ac-glow:rgba(255,138,43,.55);
  --dt:#7B5CF0; --dt-soft:rgba(123,92,240,.14); --dt-ico:#6544D8;
  --bg:#F2F7FC; --card:#FFFFFF; --border:#DCE8F4; --line:#EDF3FA;
  --input-bd:#CFDEEC; --hover:#F8FBFD;
  --text:#12293D; --body:#3F5A72; --muted:#55657A; --faint:#606A80;
  --ok:#0E7E50; --ok-bg:#E3F6EE; --ok-bd:#B6E5D0; --ok-strong:#0C6C45;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#5B3FD9; --inf-bg:#EDEAFB; --inf-bd:#D5CCF6; --inf-strong:#4E36BB;
}

/* 11 · Lavanda pastel + Violeta — Vivas */
:root[data-theme="11"] {
  --st:#EDEAFB; --st2:#E4E0F7;
  --st-on:#2B2350; --st-line:#DCD6F2;
  --ic-filter:grayscale(1) brightness(.72);
  --nav-fg:#544C78; --nav-ac:#5B2FD6; --nav-gr:#6D6687;
  --ac:#6238E8; --ac-grad:linear-gradient(135deg,#6238E8,#4E2BC4); --ac-on:#FFFFFF; --ac-strong:#4E2BC4;
  --ac-text:#4E2BC4;
  --ac-soft:rgba(98,56,232,.10); --ac-xsoft:rgba(98,56,232,0.05); --ac-bd:rgba(98,56,232,.30); --ac-ring:rgba(98,56,232,.22);
  --ac-glow:rgba(98,56,232,.40);
  --dt:#1098D8; --dt-soft:rgba(16,152,216,.14); --dt-ico:#0B7EB5;
  --bg:#F7F6FC; --card:#FFFFFF; --border:#E7E4F3; --line:#F1EFF9;
  --input-bd:#DBD6EE; --hover:#FAF9FD;
  --text:#241E45; --body:#4E4770; --muted:#665F84; --faint:#6C688E;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#2563C9; --inf-bg:#E9F0FD; --inf-bd:#C7DAF7; --inf-strong:#2055AD;
}

/* 17 · Violeta + Azul eléctrico — Vivas · armónicas */
:root[data-theme="17"] {
  --st:#5A3FD6; --st2:#4B33B8;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.14);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(255,255,255,0.76); --nav-ac:#CDDCFF; --nav-gr:rgba(255,255,255,0.76);
  --ac:#2563EB; --ac-grad:linear-gradient(135deg,#2563EB,#1D4FC4); --ac-on:#FFFFFF; --ac-strong:#1D4FC4;
  --ac-text:#1D4FC4;
  --ac-soft:rgba(37,99,235,.14); --ac-xsoft:rgba(37,99,235,0.07); --ac-bd:rgba(37,99,235,.38); --ac-ring:rgba(37,99,235,.28);
  --ac-glow:rgba(37,99,235,.55);
  --dt:#12B5D6; --dt-soft:rgba(18,181,214,.14); --dt-ico:#0E93AE;
  --bg:#F5F4FC; --card:#FFFFFF; --border:#E5E2F4; --line:#F0EEF9;
  --input-bd:#DBD7EF; --hover:#FAF9FE;
  --text:#221B47; --body:#4B446E; --muted:#676088; --faint:#6C6891;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#0B6B80; --inf-bg:#E3F4F8; --inf-bd:#BDE2EC; --inf-strong:#095C6E;
}

/* 18 · Índigo + Violeta — Vivas · armónicas */
:root[data-theme="18"] {
  --st:#3F3FC4; --st2:#3535A8;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.14);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(255,255,255,0.78); --nav-ac:#DDD2FF; --nav-gr:rgba(255,255,255,0.70);
  --ac:#8447FF; --ac-grad:linear-gradient(135deg,#8447FF,#6B32E6); --ac-on:#FFFFFF; --ac-strong:#6B32E6;
  --ac-text:#6B32E6;
  --ac-soft:rgba(132,71,255,.14); --ac-xsoft:rgba(132,71,255,0.07); --ac-bd:rgba(132,71,255,.38); --ac-ring:rgba(132,71,255,.28);
  --ac-glow:rgba(132,71,255,.55);
  --dt:#6C8CFF; --dt-soft:rgba(108,140,255,.16); --dt-ico:#4F6FE0;
  --bg:#F4F4FC; --card:#FFFFFF; --border:#E3E3F5; --line:#EFEFFA;
  --input-bd:#D8D8F0; --hover:#F9F9FE;
  --text:#1E1E4A; --body:#484870; --muted:#616186; --faint:#686890;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#2563C9; --inf-bg:#E9F0FD; --inf-bd:#C7DAF7; --inf-strong:#2055AD;
}

/* 19 · Cielo pastel + Azul — Vivas · armónicas */
:root[data-theme="19"] {
  --st:#E3F1FC; --st2:#D6EAF9;
  --st-on:#0F2C4A; --st-line:#C6DFF2;
  --ic-filter:grayscale(1) brightness(.62);
  --nav-fg:#2C4F70; --nav-ac:#1558B8; --nav-gr:#526E8E;
  --ac:#1E6FD9; --ac-grad:linear-gradient(135deg,#1E6FD9,#175BB5); --ac-on:#FFFFFF; --ac-strong:#175BB5;
  --ac-text:#175BB5;
  --ac-soft:rgba(30,111,217,.12); --ac-xsoft:rgba(30,111,217,0.06); --ac-bd:rgba(30,111,217,.34); --ac-ring:rgba(30,111,217,.24);
  --ac-glow:rgba(30,111,217,.45);
  --dt:#7B5CF0; --dt-soft:rgba(123,92,240,.14); --dt-ico:#6544D8;
  --bg:#F3F8FD; --card:#FFFFFF; --border:#DCE8F4; --line:#EDF3FA;
  --input-bd:#CFDEEC; --hover:#F8FBFD;
  --text:#12293D; --body:#3F5A72; --muted:#55657A; --faint:#606A80;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#5B3FD9; --inf-bg:#EDEAFB; --inf-bd:#D5CCF6; --inf-strong:#4E36BB;
}

/* 20 · Mauve + Violeta — Vivas · armónicas */
:root[data-theme="20"] {
  --st:#8C5A87; --st2:#7E5079;
  --st-on:rgba(255,255,255,0.92); --st-line:rgba(255,255,255,.16);
  --ic-filter:grayscale(1) brightness(1.6);
  --nav-fg:rgba(255,255,255,0.92); --nav-ac:#FFFFFF; --nav-gr:rgba(255,255,255,0.88);
  --ac:#7A3FE0; --ac-grad:linear-gradient(135deg,#7A3FE0,#6230BE); --ac-on:#FFFFFF; --ac-strong:#6230BE;
  --ac-text:#6230BE;
  --ac-soft:rgba(122,63,224,.10); --ac-xsoft:rgba(122,63,224,0.05); --ac-bd:rgba(122,63,224,.36); --ac-ring:rgba(122,63,224,.26);
  --ac-glow:rgba(122,63,224,.50);
  --dt:#C9558F; --dt-soft:rgba(201,85,143,.14); --dt-ico:#A8407A;
  --bg:#F9F5F9; --card:#FFFFFF; --border:#EBE0EA; --line:#F3ECF2;
  --input-bd:#E0D2DF; --hover:#FCF9FC;
  --text:#2E2130; --body:#5A4A5B; --muted:#6C606C; --faint:#776777;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#95660C; --wa-bg:#FDF3DE; --wa-bd:#EFDCAE; --wa-strong:#80580A;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#2563C9; --inf-bg:#E9F0FD; --inf-bd:#C7DAF7; --inf-strong:#2055AD;
}

/* 21 · Durazno pastel + Naranja — Vivas · armónicas */
:root[data-theme="21"] {
  --st:#FDEBDD; --st2:#FBE0CB;
  --st-on:#3A2010; --st-line:#F3D3BC;
  --ic-filter:grayscale(1) brightness(.6);
  --nav-fg:#5C3A22; --nav-ac:#9A4400; --nav-gr:#826650;
  --ac:#FF7A1A; --ac-grad:linear-gradient(135deg,#FF9A3D,#FF7A1A); --ac-on:#3A2400; --ac-strong:#D96200;
  --ac-text:#B85300;
  --ac-soft:rgba(255,122,26,.14); --ac-xsoft:rgba(255,122,26,0.07); --ac-bd:rgba(255,122,26,.38); --ac-ring:rgba(255,122,26,.30);
  --ac-glow:rgba(255,122,26,.55);
  --dt:#E0A100; --dt-soft:rgba(224,161,0,.16); --dt-ico:#B98400;
  --bg:#FDF8F4; --card:#FFFFFF; --border:#F0E2D6; --line:#F7EEE6;
  --input-bd:#E6D3C3; --hover:#FDF9F6;
  --text:#2B1F14; --body:#5A4A3C; --muted:#716256; --faint:#7A6962;
  --ok:#107C51; --ok-bg:#E4F6EE; --ok-bd:#B9E5D2; --ok-strong:#0E6B46;
  --wa:#8F5A00; --wa-bg:#FFF3D6; --wa-bd:#F3DCA6; --wa-strong:#7B4D00;
  --ba:#C7342B; --ba-bg:#FCEBE9; --ba-bd:#F5C6C1; --ba-strong:#AB2D25;
  --inf:#2563C9; --inf-bg:#E9F0FD; --inf-bd:#C7DAF7; --inf-strong:#2055AD;
}