/* catalogo-colores.css — paletas y degradados por rubro (generado por estilo_rubro.py catalogo).
   Uso: <html data-paleta="limpieza-menta"> cambia botones, secciones, líneas y tipografía de todo el sitio.
   Son PROPUESTAS por rubro: los colores del logo del cliente mandan (BR-01). */

:root[data-paleta="construccion-acero-naranja"] {
  --color-primary: #F26A1B;
  --color-on-primary: #111111;
  --color-primary-strong: #B04700;
  --color-accent: #F26A1B;
  --color-on-accent: #111111;
  --color-dark: #4B1A01;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #FCA57E;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F0;
  --color-text: #312A26;
  --color-text-muted: #726A66;
  --color-border: #E0D7D3;
  --grad-btn: linear-gradient(135deg, #F26A1B 0%, color-mix(in srgb, #F26A1B 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #F26A1B 0%, color-mix(in srgb, #F26A1B 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #4B1A01 0%, color-mix(in srgb, #4B1A01 82%, #F26A1B) 100%);
  --grad-line: linear-gradient(180deg, #F26A1B 0%, #FCA57E 100%);
  --grad-text: linear-gradient(90deg, #B04700 0%, #F26A1B 100%);
}
:root[data-paleta="construccion-grafito-amarillo"] {
  --color-primary: #F2B705;
  --color-on-primary: #111111;
  --color-primary-strong: #87660D;
  --color-accent: #F2B705;
  --color-on-accent: #111111;
  --color-dark: #392800;
  --color-on-dark: #F9F6F2;
  --color-accent-on-dark: #F2B705;
  --color-bg: #F9F6F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF6E4;
  --color-text: #2E2B25;
  --color-text-muted: #6F6B64;
  --color-border: #DDD9D0;
  --grad-btn: linear-gradient(135deg, #F2B705 0%, color-mix(in srgb, #F2B705 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #F2B705 0%, color-mix(in srgb, #F2B705 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #392800 0%, color-mix(in srgb, #392800 82%, #F2B705) 100%);
  --grad-line: linear-gradient(180deg, #F2B705 0%, #F2B705 100%);
  --grad-text: linear-gradient(90deg, #87660D 0%, #F2B705 100%);
}
:root[data-paleta="construccion-azul-obra"] {
  --color-primary: #E4572E;
  --color-on-primary: #111111;
  --color-primary-strong: #B73D17;
  --color-accent: #163A5F;
  --color-on-accent: #FFFFFF;
  --color-dark: #0C2C4D;
  --color-on-dark: #FBF5F4;
  --color-accent-on-dark: #FAA58D;
  --color-bg: #FBF5F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F1;
  --color-text: #312927;
  --color-text-muted: #726A67;
  --color-border: #E1D7D4;
  --grad-btn: linear-gradient(135deg, #E4572E 0%, color-mix(in srgb, #E4572E 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #E4572E 0%, color-mix(in srgb, #E4572E 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #0C2C4D 0%, color-mix(in srgb, #0C2C4D 82%, #E4572E) 100%);
  --grad-line: linear-gradient(180deg, #E4572E 0%, #FAA58D 100%);
  --grad-text: linear-gradient(90deg, #B73D17 0%, #163A5F 100%);
}
:root[data-paleta="roofing-marino-naranja"] {
  --color-primary: #F04A23;
  --color-on-primary: #111111;
  --color-primary-strong: #BF2F07;
  --color-accent: #081D33;
  --color-on-accent: #FFFFFF;
  --color-dark: #192D42;
  --color-on-dark: #FBF5F4;
  --color-accent-on-dark: #FDA38E;
  --color-bg: #FBF5F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F1;
  --color-text: #312927;
  --color-text-muted: #736967;
  --color-border: #E1D6D4;
  --grad-btn: linear-gradient(135deg, #F04A23 0%, color-mix(in srgb, #F04A23 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #F04A23 0%, color-mix(in srgb, #F04A23 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #192D42 0%, color-mix(in srgb, #192D42 82%, #F04A23) 100%);
  --grad-line: linear-gradient(180deg, #F04A23 0%, #FDA38E 100%);
  --grad-text: linear-gradient(90deg, #BF2F07 0%, #081D33 100%);
}
:root[data-paleta="roofing-pizarra-rojo"] {
  --color-primary: #C8102E;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #C8102E;
  --color-accent: #C8102E;
  --color-on-accent: #FFFFFF;
  --color-dark: #58000D;
  --color-on-dark: #FBF5F5;
  --color-accent-on-dark: #DA5255;
  --color-bg: #FBF5F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F3;
  --color-text: #312929;
  --color-text-muted: #736969;
  --color-border: #E1D6D5;
  --grad-btn: linear-gradient(135deg, #C8102E 0%, color-mix(in srgb, #C8102E 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #C8102E 0%, color-mix(in srgb, #C8102E 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #58000D 0%, color-mix(in srgb, #58000D 82%, #C8102E) 100%);
  --grad-line: linear-gradient(180deg, #C8102E 0%, #DA5255 100%);
  --grad-text: linear-gradient(90deg, #C8102E 0%, #C8102E 100%);
}
:root[data-paleta="roofing-bosque-cobre"] {
  --color-primary: #B87333;
  --color-on-primary: #111111;
  --color-primary-strong: #985B21;
  --color-accent: #1E3A2F;
  --color-on-accent: #FFFFFF;
  --color-dark: #1E3A2F;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #DEB594;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FCF5F0;
  --color-text: #302A25;
  --color-text-muted: #716A65;
  --color-border: #DFD7D1;
  --grad-btn: linear-gradient(135deg, #B87333 0%, color-mix(in srgb, #B87333 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #B87333 0%, color-mix(in srgb, #B87333 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1E3A2F 0%, color-mix(in srgb, #1E3A2F 82%, #B87333) 100%);
  --grad-line: linear-gradient(180deg, #B87333 0%, #DEB594 100%);
  --grad-text: linear-gradient(90deg, #985B21 0%, #1E3A2F 100%);
}
:root[data-paleta="limpieza-azul-fresco"] {
  --color-primary: #35C2F2;
  --color-on-primary: #111111;
  --color-primary-strong: #007799;
  --color-accent: #0B3C78;
  --color-on-accent: #FFFFFF;
  --color-dark: #01295B;
  --color-on-dark: #F3F8FA;
  --color-accent-on-dark: #35C2F2;
  --color-bg: #F3F8FA;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EDF9FF;
  --color-text: #252D30;
  --color-text-muted: #656D71;
  --color-border: #D1DBDF;
  --grad-btn: linear-gradient(135deg, #35C2F2 0%, color-mix(in srgb, #35C2F2 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #35C2F2 0%, color-mix(in srgb, #35C2F2 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #01295B 0%, color-mix(in srgb, #01295B 82%, #35C2F2) 100%);
  --grad-line: linear-gradient(180deg, #35C2F2 0%, #35C2F2 100%);
  --grad-text: linear-gradient(90deg, #007799 0%, #0B3C78 100%);
}
:root[data-paleta="limpieza-menta"] {
  --color-primary: #4FD1A5;
  --color-on-primary: #111111;
  --color-primary-strong: #107F5F;
  --color-accent: #0F5257;
  --color-on-accent: #FFFFFF;
  --color-dark: #003236;
  --color-on-dark: #F3F8F6;
  --color-accent-on-dark: #4FD1A5;
  --color-bg: #F3F8F6;
  --color-surface: #FFFFFF;
  --color-surface-alt: #ECFBF4;
  --color-text: #262D2A;
  --color-text-muted: #666E6A;
  --color-border: #D2DCD7;
  --grad-btn: linear-gradient(135deg, #4FD1A5 0%, color-mix(in srgb, #4FD1A5 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #4FD1A5 0%, color-mix(in srgb, #4FD1A5 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #003236 0%, color-mix(in srgb, #003236 82%, #4FD1A5) 100%);
  --grad-line: linear-gradient(180deg, #4FD1A5 0%, #4FD1A5 100%);
  --grad-text: linear-gradient(90deg, #107F5F 0%, #0F5257 100%);
}
:root[data-paleta="limpieza-lavanda"] {
  --color-primary: #9F8BFF;
  --color-on-primary: #111111;
  --color-primary-strong: #6C5AB6;
  --color-accent: #3D2C8D;
  --color-on-accent: #FFFFFF;
  --color-dark: #291868;
  --color-on-dark: #F6F6FB;
  --color-accent-on-dark: #BCB3FD;
  --color-bg: #F6F6FB;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F6F6FF;
  --color-text: #2B2A31;
  --color-text-muted: #6B6B72;
  --color-border: #D9D8E1;
  --grad-btn: linear-gradient(135deg, #9F8BFF 0%, color-mix(in srgb, #9F8BFF 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #9F8BFF 0%, color-mix(in srgb, #9F8BFF 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #291868 0%, color-mix(in srgb, #291868 82%, #9F8BFF) 100%);
  --grad-line: linear-gradient(180deg, #9F8BFF 0%, #BCB3FD 100%);
  --grad-text: linear-gradient(90deg, #6C5AB6 0%, #3D2C8D 100%);
}
:root[data-paleta="paisajismo-bosque-oro"] {
  --color-primary: #C2A24B;
  --color-on-primary: #111111;
  --color-primary-strong: #816921;
  --color-accent: #1F4A35;
  --color-on-accent: #FFFFFF;
  --color-dark: #0F3322;
  --color-on-dark: #F8F7F2;
  --color-accent-on-dark: #D3BC7E;
  --color-bg: #F8F7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FAF7ED;
  --color-text: #2E2B25;
  --color-text-muted: #6E6C64;
  --color-border: #DCD9D0;
  --grad-btn: linear-gradient(135deg, #C2A24B 0%, color-mix(in srgb, #C2A24B 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #C2A24B 0%, color-mix(in srgb, #C2A24B 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #0F3322 0%, color-mix(in srgb, #0F3322 82%, #C2A24B) 100%);
  --grad-line: linear-gradient(180deg, #C2A24B 0%, #D3BC7E 100%);
  --grad-text: linear-gradient(90deg, #816921 0%, #1F4A35 100%);
}
:root[data-paleta="paisajismo-salvia-terracota"] {
  --color-primary: #D2691E;
  --color-on-primary: #111111;
  --color-primary-strong: #A94E01;
  --color-accent: #3E5641;
  --color-on-accent: #FFFFFF;
  --color-dark: #1F3021;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #EDAD89;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4EF;
  --color-text: #302A26;
  --color-text-muted: #726A66;
  --color-border: #E0D7D2;
  --grad-btn: linear-gradient(135deg, #D2691E 0%, color-mix(in srgb, #D2691E 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #D2691E 0%, color-mix(in srgb, #D2691E 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1F3021 0%, color-mix(in srgb, #1F3021 82%, #D2691E) 100%);
  --grad-line: linear-gradient(180deg, #D2691E 0%, #EDAD89 100%);
  --grad-text: linear-gradient(90deg, #A94E01 0%, #3E5641 100%);
}
:root[data-paleta="paisajismo-oliva-arena"] {
  --color-primary: #4B5320;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #4B5320;
  --color-accent: #D9C08C;
  --color-on-accent: #111111;
  --color-dark: #292F07;
  --color-on-dark: #F6F7F3;
  --color-accent-on-dark: #D9C08C;
  --color-bg: #F6F7F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F6F7F4;
  --color-text: #2B2C25;
  --color-text-muted: #6B6D65;
  --color-border: #D8DAD1;
  --grad-btn: linear-gradient(135deg, #4B5320 0%, color-mix(in srgb, #4B5320 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #4B5320 0%, color-mix(in srgb, #4B5320 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #292F07 0%, color-mix(in srgb, #292F07 82%, #4B5320) 100%);
  --grad-line: linear-gradient(180deg, #4B5320 0%, #D9C08C 100%);
  --grad-text: linear-gradient(90deg, #4B5320 0%, #D9C08C 100%);
}
:root[data-paleta="servicios-tecnicos-azul-electrico"] {
  --color-primary: #00A3FF;
  --color-on-primary: #111111;
  --color-primary-strong: #0071B3;
  --color-accent: #0A2540;
  --color-on-accent: #FFFFFF;
  --color-dark: #0A2540;
  --color-on-dark: #F4F7FB;
  --color-accent-on-dark: #81C5FE;
  --color-bg: #F4F7FB;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F0F8FF;
  --color-text: #272C31;
  --color-text-muted: #666D72;
  --color-border: #D3DAE1;
  --grad-btn: linear-gradient(135deg, #00A3FF 0%, color-mix(in srgb, #00A3FF 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #00A3FF 0%, color-mix(in srgb, #00A3FF 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #0A2540 0%, color-mix(in srgb, #0A2540 82%, #00A3FF) 100%);
  --grad-line: linear-gradient(180deg, #00A3FF 0%, #81C5FE 100%);
  --grad-text: linear-gradient(90deg, #0071B3 0%, #0A2540 100%);
}
:root[data-paleta="servicios-tecnicos-rojo-urgencia"] {
  --color-primary: #E10600;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #E10600;
  --color-accent: #E10600;
  --color-on-accent: #FFFFFF;
  --color-dark: #590000;
  --color-on-dark: #FBF5F4;
  --color-accent-on-dark: #FDA293;
  --color-bg: #FBF5F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F2;
  --color-text: #312928;
  --color-text-muted: #736968;
  --color-border: #E1D6D4;
  --grad-btn: linear-gradient(135deg, #E10600 0%, color-mix(in srgb, #E10600 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #E10600 0%, color-mix(in srgb, #E10600 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #590000 0%, color-mix(in srgb, #590000 82%, #E10600) 100%);
  --grad-line: linear-gradient(180deg, #E10600 0%, #FDA293 100%);
  --grad-text: linear-gradient(90deg, #E10600 0%, #E10600 100%);
}
:root[data-paleta="servicios-tecnicos-verde-tecnico"] {
  --color-primary: #7AC74F;
  --color-on-primary: #111111;
  --color-primary-strong: #437D1E;
  --color-accent: #12372A;
  --color-on-accent: #FFFFFF;
  --color-dark: #12372A;
  --color-on-dark: #F5F8F4;
  --color-accent-on-dark: #93D272;
  --color-bg: #F5F8F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F0FBEC;
  --color-text: #292D27;
  --color-text-muted: #696D67;
  --color-border: #D6DBD3;
  --grad-btn: linear-gradient(135deg, #7AC74F 0%, color-mix(in srgb, #7AC74F 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #7AC74F 0%, color-mix(in srgb, #7AC74F 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #12372A 0%, color-mix(in srgb, #12372A 82%, #7AC74F) 100%);
  --grad-line: linear-gradient(180deg, #7AC74F 0%, #93D272 100%);
  --grad-text: linear-gradient(90deg, #437D1E 0%, #12372A 100%);
}
:root[data-paleta="automotriz-negro-rojo"] {
  --color-primary: #D90429;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #D90429;
  --color-accent: #D90429;
  --color-on-accent: #FFFFFF;
  --color-dark: #58000A;
  --color-on-dark: #FBF5F5;
  --color-accent-on-dark: #FDA19B;
  --color-bg: #FBF5F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F3;
  --color-text: #312928;
  --color-text-muted: #736968;
  --color-border: #E1D6D5;
  --grad-btn: linear-gradient(135deg, #D90429 0%, color-mix(in srgb, #D90429 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #D90429 0%, color-mix(in srgb, #D90429 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #58000A 0%, color-mix(in srgb, #58000A 82%, #D90429) 100%);
  --grad-line: linear-gradient(180deg, #D90429 0%, #FDA19B 100%);
  --grad-text: linear-gradient(90deg, #D90429 0%, #D90429 100%);
}
:root[data-paleta="automotriz-carbon-amarillo"] {
  --color-primary: #FFC300;
  --color-on-primary: #111111;
  --color-primary-strong: #876606;
  --color-accent: #FFC300;
  --color-on-accent: #111111;
  --color-dark: #392900;
  --color-on-dark: #F8F7F2;
  --color-accent-on-dark: #EBB51A;
  --color-bg: #F8F7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF6E3;
  --color-text: #2E2B25;
  --color-text-muted: #6F6B64;
  --color-border: #DDD9D0;
  --grad-btn: linear-gradient(135deg, #FFC300 0%, color-mix(in srgb, #FFC300 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #FFC300 0%, color-mix(in srgb, #FFC300 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #392900 0%, color-mix(in srgb, #392900 82%, #FFC300) 100%);
  --grad-line: linear-gradient(180deg, #FFC300 0%, #EBB51A 100%);
  --grad-text: linear-gradient(90deg, #876606 0%, #FFC300 100%);
}
:root[data-paleta="automotriz-acero-azul"] {
  --color-primary: #2E86DE;
  --color-on-primary: #111111;
  --color-primary-strong: #1C6DBB;
  --color-accent: #2E86DE;
  --color-on-accent: #111111;
  --color-dark: #012C54;
  --color-on-dark: #F4F7FB;
  --color-accent-on-dark: #2E86DE;
  --color-bg: #F4F7FB;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F1F8FF;
  --color-text: #272C31;
  --color-text-muted: #676C73;
  --color-border: #D4DAE1;
  --grad-btn: linear-gradient(135deg, #2E86DE 0%, color-mix(in srgb, #2E86DE 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #2E86DE 0%, color-mix(in srgb, #2E86DE 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #012C54 0%, color-mix(in srgb, #012C54 82%, #2E86DE) 100%);
  --grad-line: linear-gradient(180deg, #2E86DE 0%, #2E86DE 100%);
  --grad-text: linear-gradient(90deg, #1C6DBB 0%, #2E86DE 100%);
}
:root[data-paleta="restaurante-vino-oro"] {
  --color-primary: #D9A441;
  --color-on-primary: #111111;
  --color-primary-strong: #8B640E;
  --color-accent: #7A1F2B;
  --color-on-accent: #FFFFFF;
  --color-dark: #530917;
  --color-on-dark: #F9F6F2;
  --color-accent-on-dark: #E2B66B;
  --color-bg: #F9F6F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FDF6EB;
  --color-text: #2F2B25;
  --color-text-muted: #6F6B64;
  --color-border: #DDD8D0;
  --grad-btn: linear-gradient(135deg, #D9A441 0%, color-mix(in srgb, #D9A441 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #D9A441 0%, color-mix(in srgb, #D9A441 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #530917 0%, color-mix(in srgb, #530917 82%, #D9A441) 100%);
  --grad-line: linear-gradient(180deg, #D9A441 0%, #E2B66B 100%);
  --grad-text: linear-gradient(90deg, #8B640E 0%, #7A1F2B 100%);
}
:root[data-paleta="restaurante-brasa"] {
  --color-primary: #E2582B;
  --color-on-primary: #111111;
  --color-primary-strong: #B63E14;
  --color-accent: #E2582B;
  --color-on-accent: #111111;
  --color-dark: #511200;
  --color-on-dark: #FBF5F4;
  --color-accent-on-dark: #F9A68C;
  --color-bg: #FBF5F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F1;
  --color-text: #312927;
  --color-text-muted: #726A67;
  --color-border: #E1D7D3;
  --grad-btn: linear-gradient(135deg, #E2582B 0%, color-mix(in srgb, #E2582B 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #E2582B 0%, color-mix(in srgb, #E2582B 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #511200 0%, color-mix(in srgb, #511200 82%, #E2582B) 100%);
  --grad-line: linear-gradient(180deg, #E2582B 0%, #F9A68C 100%);
  --grad-text: linear-gradient(90deg, #B63E14 0%, #E2582B 100%);
}
:root[data-paleta="restaurante-oliva-crema"] {
  --color-primary: #E9C46A;
  --color-on-primary: #111111;
  --color-primary-strong: #826827;
  --color-accent: #3D4127;
  --color-on-accent: #FFFFFF;
  --color-dark: #2A2E18;
  --color-on-dark: #F8F7F2;
  --color-accent-on-dark: #E9C46A;
  --color-bg: #F8F7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FDF6E7;
  --color-text: #2E2B25;
  --color-text-muted: #6F6B64;
  --color-border: #DCD9D0;
  --grad-btn: linear-gradient(135deg, #E9C46A 0%, color-mix(in srgb, #E9C46A 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #E9C46A 0%, color-mix(in srgb, #E9C46A 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #2A2E18 0%, color-mix(in srgb, #2A2E18 82%, #E9C46A) 100%);
  --grad-line: linear-gradient(180deg, #E9C46A 0%, #E9C46A 100%);
  --grad-text: linear-gradient(90deg, #826827 0%, #3D4127 100%);
}
:root[data-paleta="belleza-negro-champan"] {
  --color-primary: #C8A97E;
  --color-on-primary: #111111;
  --color-primary-strong: #7F6847;
  --color-accent: #C8A97E;
  --color-on-accent: #111111;
  --color-dark: #362914;
  --color-on-dark: #F9F6F2;
  --color-accent-on-dark: #D3B996;
  --color-bg: #F9F6F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FAF6F0;
  --color-text: #2F2B25;
  --color-text-muted: #706B64;
  --color-border: #DED8D1;
  --grad-btn: linear-gradient(135deg, #C8A97E 0%, color-mix(in srgb, #C8A97E 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #C8A97E 0%, color-mix(in srgb, #C8A97E 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #362914 0%, color-mix(in srgb, #362914 82%, #C8A97E) 100%);
  --grad-line: linear-gradient(180deg, #C8A97E 0%, #D3B996 100%);
  --grad-text: linear-gradient(90deg, #7F6847 0%, #C8A97E 100%);
}
:root[data-paleta="belleza-rosa-ciruela"] {
  --color-primary: #E8A0BF;
  --color-on-primary: #111111;
  --color-primary-strong: #8D5A70;
  --color-accent: #4A1942;
  --color-on-accent: #FFFFFF;
  --color-dark: #4A1942;
  --color-on-dark: #FAF5F7;
  --color-accent-on-dark: #E8A0BF;
  --color-bg: #FAF5F7;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF3F8;
  --color-text: #30292C;
  --color-text-muted: #72696C;
  --color-border: #E0D6DA;
  --grad-btn: linear-gradient(135deg, #E8A0BF 0%, color-mix(in srgb, #E8A0BF 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #E8A0BF 0%, color-mix(in srgb, #E8A0BF 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #4A1942 0%, color-mix(in srgb, #4A1942 82%, #E8A0BF) 100%);
  --grad-line: linear-gradient(180deg, #E8A0BF 0%, #E8A0BF 100%);
  --grad-text: linear-gradient(90deg, #8D5A70 0%, #4A1942 100%);
}
:root[data-paleta="belleza-verde-spa"] {
  --color-primary: #B5C99A;
  --color-on-primary: #111111;
  --color-primary-strong: #647251;
  --color-accent: #2F4F4F;
  --color-on-accent: #FFFFFF;
  --color-dark: #173030;
  --color-on-dark: #F6F8F3;
  --color-accent-on-dark: #B5C99A;
  --color-bg: #F6F8F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F8F0;
  --color-text: #2A2C26;
  --color-text-muted: #6A6D66;
  --color-border: #D7DBD2;
  --grad-btn: linear-gradient(135deg, #B5C99A 0%, color-mix(in srgb, #B5C99A 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #B5C99A 0%, color-mix(in srgb, #B5C99A 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #173030 0%, color-mix(in srgb, #173030 82%, #B5C99A) 100%);
  --grad-line: linear-gradient(180deg, #B5C99A 0%, #B5C99A 100%);
  --grad-text: linear-gradient(90deg, #647251 0%, #2F4F4F 100%);
}
:root[data-paleta="salud-azul-clinico"] {
  --color-primary: #20BF55;
  --color-on-primary: #111111;
  --color-primary-strong: #0E8236;
  --color-accent: #0B4F6C;
  --color-on-accent: #FFFFFF;
  --color-dark: #003045;
  --color-on-dark: #F4F8F4;
  --color-accent-on-dark: #7BD68C;
  --color-bg: #F4F8F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EEFBEF;
  --color-text: #272D28;
  --color-text-muted: #676E68;
  --color-border: #D4DBD5;
  --grad-btn: linear-gradient(135deg, #20BF55 0%, color-mix(in srgb, #20BF55 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #20BF55 0%, color-mix(in srgb, #20BF55 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #003045 0%, color-mix(in srgb, #003045 82%, #20BF55) 100%);
  --grad-line: linear-gradient(180deg, #20BF55 0%, #7BD68C 100%);
  --grad-text: linear-gradient(90deg, #0E8236 0%, #0B4F6C 100%);
}
:root[data-paleta="salud-turquesa"] {
  --color-primary: #01BAEF;
  --color-on-primary: #111111;
  --color-primary-strong: #0A7699;
  --color-accent: #035E7B;
  --color-on-accent: #FFFFFF;
  --color-dark: #003042;
  --color-on-dark: #F3F8FA;
  --color-accent-on-dark: #67CCF5;
  --color-bg: #F3F8FA;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EDF9FF;
  --color-text: #252D30;
  --color-text-muted: #656D71;
  --color-border: #D1DBDF;
  --grad-btn: linear-gradient(135deg, #01BAEF 0%, color-mix(in srgb, #01BAEF 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #01BAEF 0%, color-mix(in srgb, #01BAEF 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #003042 0%, color-mix(in srgb, #003042 82%, #01BAEF) 100%);
  --grad-line: linear-gradient(180deg, #01BAEF 0%, #67CCF5 100%);
  --grad-text: linear-gradient(90deg, #0A7699 0%, #035E7B 100%);
}
:root[data-paleta="salud-verde-calma"] {
  --color-primary: #74C69D;
  --color-on-primary: #111111;
  --color-primary-strong: #3C7A5C;
  --color-accent: #1B4332;
  --color-on-accent: #FFFFFF;
  --color-dark: #103324;
  --color-on-dark: #F3F8F5;
  --color-accent-on-dark: #74C69D;
  --color-bg: #F3F8F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EFFAF4;
  --color-text: #262D29;
  --color-text-muted: #666E69;
  --color-border: #D3DCD6;
  --grad-btn: linear-gradient(135deg, #74C69D 0%, color-mix(in srgb, #74C69D 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #74C69D 0%, color-mix(in srgb, #74C69D 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #103324 0%, color-mix(in srgb, #103324 82%, #74C69D) 100%);
  --grad-line: linear-gradient(180deg, #74C69D 0%, #74C69D 100%);
  --grad-text: linear-gradient(90deg, #3C7A5C 0%, #1B4332 100%);
}
:root[data-paleta="profesional-marino-oro"] {
  --color-primary: #C9A227;
  --color-on-primary: #111111;
  --color-primary-strong: #846800;
  --color-accent: #14213D;
  --color-on-accent: #FFFFFF;
  --color-dark: #14213D;
  --color-on-dark: #F8F7F2;
  --color-accent-on-dark: #D8BB6B;
  --color-bg: #F8F7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FBF7EB;
  --color-text: #2E2B25;
  --color-text-muted: #6E6C64;
  --color-border: #DCD9D0;
  --grad-btn: linear-gradient(135deg, #C9A227 0%, color-mix(in srgb, #C9A227 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #C9A227 0%, color-mix(in srgb, #C9A227 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #14213D 0%, color-mix(in srgb, #14213D 82%, #C9A227) 100%);
  --grad-line: linear-gradient(180deg, #C9A227 0%, #D8BB6B 100%);
  --grad-text: linear-gradient(90deg, #846800 0%, #14213D 100%);
}
:root[data-paleta="profesional-borgona"] {
  --color-primary: #4A0E1F;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #4A0E1F;
  --color-accent: #B08D57;
  --color-on-accent: #111111;
  --color-dark: #4A0E1F;
  --color-on-dark: #FBF5F6;
  --color-accent-on-dark: #B08D57;
  --color-bg: #FBF5F6;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FAF6F6;
  --color-text: #31292A;
  --color-text-muted: #72696A;
  --color-border: #E1D6D7;
  --grad-btn: linear-gradient(135deg, #4A0E1F 0%, color-mix(in srgb, #4A0E1F 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #4A0E1F 0%, color-mix(in srgb, #4A0E1F 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #4A0E1F 0%, color-mix(in srgb, #4A0E1F 82%, #4A0E1F) 100%);
  --grad-line: linear-gradient(180deg, #4A0E1F 0%, #B08D57 100%);
  --grad-text: linear-gradient(90deg, #4A0E1F 0%, #B08D57 100%);
}
:root[data-paleta="profesional-pizarra-turquesa"] {
  --color-primary: #00897B;
  --color-on-primary: #111111;
  --color-primary-strong: #036359;
  --color-accent: #00897B;
  --color-on-accent: #111111;
  --color-dark: #00342D;
  --color-on-dark: #F3F8F7;
  --color-accent-on-dark: #00897B;
  --color-bg: #F3F8F7;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F1F9F7;
  --color-text: #252D2C;
  --color-text-muted: #656E6C;
  --color-border: #D1DCDA;
  --grad-btn: linear-gradient(135deg, #00897B 0%, color-mix(in srgb, #00897B 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #00897B 0%, color-mix(in srgb, #00897B 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #00342D 0%, color-mix(in srgb, #00342D 82%, #00897B) 100%);
  --grad-line: linear-gradient(180deg, #00897B 0%, #00897B 100%);
  --grad-text: linear-gradient(90deg, #036359 0%, #00897B 100%);
}
:root[data-paleta="mascotas-naranja-juego"] {
  --color-primary: #FF8C42;
  --color-on-primary: #111111;
  --color-primary-strong: #A65010;
  --color-accent: #2D3047;
  --color-on-accent: #FFFFFF;
  --color-dark: #2D3047;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #FDA673;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4EF;
  --color-text: #302A26;
  --color-text-muted: #726A66;
  --color-border: #E0D7D2;
  --grad-btn: linear-gradient(135deg, #FF8C42 0%, color-mix(in srgb, #FF8C42 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #FF8C42 0%, color-mix(in srgb, #FF8C42 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #2D3047 0%, color-mix(in srgb, #2D3047 82%, #FF8C42) 100%);
  --grad-line: linear-gradient(180deg, #FF8C42 0%, #FDA673 100%);
  --grad-text: linear-gradient(90deg, #A65010 0%, #2D3047 100%);
}
:root[data-paleta="mascotas-azul-cielo"] {
  --color-primary: #48CAE4;
  --color-on-primary: #111111;
  --color-primary-strong: #03798C;
  --color-accent: #1D3557;
  --color-on-accent: #FFFFFF;
  --color-dark: #1D3557;
  --color-on-dark: #F2F8F9;
  --color-accent-on-dark: #48CAE4;
  --color-bg: #F2F8F9;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EBFAFE;
  --color-text: #252D2F;
  --color-text-muted: #646E70;
  --color-border: #D1DBDE;
  --grad-btn: linear-gradient(135deg, #48CAE4 0%, color-mix(in srgb, #48CAE4 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #48CAE4 0%, color-mix(in srgb, #48CAE4 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1D3557 0%, color-mix(in srgb, #1D3557 82%, #48CAE4) 100%);
  --grad-line: linear-gradient(180deg, #48CAE4 0%, #48CAE4 100%);
  --grad-text: linear-gradient(90deg, #03798C 0%, #1D3557 100%);
}
:root[data-paleta="mascotas-verde-parque"] {
  --color-primary: #F4A259;
  --color-on-primary: #111111;
  --color-primary-strong: #975C23;
  --color-accent: #1B4D3E;
  --color-on-accent: #FFFFFF;
  --color-dark: #093328;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #F4A259;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF5ED;
  --color-text: #302A25;
  --color-text-muted: #716A65;
  --color-border: #DFD7D1;
  --grad-btn: linear-gradient(135deg, #F4A259 0%, color-mix(in srgb, #F4A259 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #F4A259 0%, color-mix(in srgb, #F4A259 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #093328 0%, color-mix(in srgb, #093328 82%, #F4A259) 100%);
  --grad-line: linear-gradient(180deg, #F4A259 0%, #F4A259 100%);
  --grad-text: linear-gradient(90deg, #975C23 0%, #1B4D3E 100%);
}
:root[data-paleta="fitness-negro-lima"] {
  --color-primary: #C6F432;
  --color-on-primary: #111111;
  --color-primary-strong: #5E7700;
  --color-accent: #C6F432;
  --color-on-accent: #111111;
  --color-dark: #253101;
  --color-on-dark: #F6F7F3;
  --color-accent-on-dark: #A7D00E;
  --color-bg: #F6F7F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EFFED1;
  --color-text: #2A2C26;
  --color-text-muted: #6A6D65;
  --color-border: #D7DAD2;
  --grad-btn: linear-gradient(135deg, #C6F432 0%, color-mix(in srgb, #C6F432 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #C6F432 0%, color-mix(in srgb, #C6F432 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #253101 0%, color-mix(in srgb, #253101 82%, #C6F432) 100%);
  --grad-line: linear-gradient(180deg, #C6F432 0%, #A7D00E 100%);
  --grad-text: linear-gradient(90deg, #5E7700 0%, #C6F432 100%);
}
:root[data-paleta="fitness-rojo-energia"] {
  --color-primary: #E94560;
  --color-on-primary: #111111;
  --color-primary-strong: #BD2C47;
  --color-accent: #1A1A2E;
  --color-on-accent: #FFFFFF;
  --color-dark: #29293D;
  --color-on-dark: #FBF5F5;
  --color-accent-on-dark: #FF9EA5;
  --color-bg: #FBF5F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F4;
  --color-text: #312929;
  --color-text-muted: #736969;
  --color-border: #E1D6D6;
  --grad-btn: linear-gradient(135deg, #E94560 0%, color-mix(in srgb, #E94560 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #E94560 0%, color-mix(in srgb, #E94560 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #29293D 0%, color-mix(in srgb, #29293D 82%, #E94560) 100%);
  --grad-line: linear-gradient(180deg, #E94560 0%, #FF9EA5 100%);
  --grad-text: linear-gradient(90deg, #BD2C47 0%, #1A1A2E 100%);
}
:root[data-paleta="fitness-azul-neon"] {
  --color-primary: #3A86FF;
  --color-on-primary: #111111;
  --color-primary-strong: #2466CF;
  --color-accent: #0B132B;
  --color-on-accent: #FFFFFF;
  --color-dark: #222A42;
  --color-on-dark: #F4F7FB;
  --color-accent-on-dark: #98BFFD;
  --color-bg: #F4F7FB;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2F7FF;
  --color-text: #282C31;
  --color-text-muted: #686C73;
  --color-border: #D4D9E1;
  --grad-btn: linear-gradient(135deg, #3A86FF 0%, color-mix(in srgb, #3A86FF 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #3A86FF 0%, color-mix(in srgb, #3A86FF 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #222A42 0%, color-mix(in srgb, #222A42 82%, #3A86FF) 100%);
  --grad-line: linear-gradient(180deg, #3A86FF 0%, #98BFFD 100%);
  --grad-text: linear-gradient(90deg, #2466CF 0%, #0B132B 100%);
}
:root[data-paleta="eventos-noche-dorado"] {
  --color-primary: #D4AF37;
  --color-on-primary: #111111;
  --color-primary-strong: #836909;
  --color-accent: #D4AF37;
  --color-on-accent: #111111;
  --color-dark: #362A00;
  --color-on-dark: #F8F7F2;
  --color-accent-on-dark: #D4AF37;
  --color-bg: #F8F7F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FBF7E9;
  --color-text: #2D2B25;
  --color-text-muted: #6E6C64;
  --color-border: #DCD9D0;
  --grad-btn: linear-gradient(135deg, #D4AF37 0%, color-mix(in srgb, #D4AF37 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #D4AF37 0%, color-mix(in srgb, #D4AF37 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #362A00 0%, color-mix(in srgb, #362A00 82%, #D4AF37) 100%);
  --grad-line: linear-gradient(180deg, #D4AF37 0%, #D4AF37 100%);
  --grad-text: linear-gradient(90deg, #836909 0%, #D4AF37 100%);
}
:root[data-paleta="eventos-rosa-polvo"] {
  --color-primary: #5C374C;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #5C374C;
  --color-accent: #E5B3A9;
  --color-on-accent: #111111;
  --color-dark: #3D2031;
  --color-on-dark: #FAF5F8;
  --color-accent-on-dark: #E5B3A9;
  --color-bg: #FAF5F8;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F9F6F7;
  --color-text: #30292D;
  --color-text-muted: #71696D;
  --color-border: #DFD6DB;
  --grad-btn: linear-gradient(135deg, #5C374C 0%, color-mix(in srgb, #5C374C 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #5C374C 0%, color-mix(in srgb, #5C374C 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #3D2031 0%, color-mix(in srgb, #3D2031 82%, #5C374C) 100%);
  --grad-line: linear-gradient(180deg, #5C374C 0%, #E5B3A9 100%);
  --grad-text: linear-gradient(90deg, #5C374C 0%, #E5B3A9 100%);
}
:root[data-paleta="eventos-salvia-marfil"] {
  --color-primary: #4F5D4F;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #4F5D4F;
  --color-accent: #4F5D4F;
  --color-on-accent: #FFFFFF;
  --color-dark: #282D28;
  --color-on-dark: #F4F8F4;
  --color-accent-on-dark: #E9ECE9;
  --color-bg: #F4F8F4;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4F8F4;
  --color-text: #282D28;
  --color-text-muted: #686E68;
  --color-border: #D4DBD4;
  --grad-btn: linear-gradient(135deg, #4F5D4F 0%, color-mix(in srgb, #4F5D4F 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #4F5D4F 0%, color-mix(in srgb, #4F5D4F 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #282D28 0%, color-mix(in srgb, #282D28 82%, #4F5D4F) 100%);
  --grad-line: linear-gradient(180deg, #4F5D4F 0%, #E9ECE9 100%);
  --grad-text: linear-gradient(90deg, #4F5D4F 0%, #4F5D4F 100%);
}
:root[data-paleta="educacion-comunidad-azul-escuela"] {
  --color-primary: #F4A261;
  --color-on-primary: #111111;
  --color-primary-strong: #975C2A;
  --color-accent: #1D3557;
  --color-on-accent: #FFFFFF;
  --color-dark: #1D3557;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #F4A261;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF5ED;
  --color-text: #302A26;
  --color-text-muted: #716A65;
  --color-border: #DFD7D2;
  --grad-btn: linear-gradient(135deg, #F4A261 0%, color-mix(in srgb, #F4A261 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #F4A261 0%, color-mix(in srgb, #F4A261 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1D3557 0%, color-mix(in srgb, #1D3557 82%, #F4A261) 100%);
  --grad-line: linear-gradient(180deg, #F4A261 0%, #F4A261 100%);
  --grad-text: linear-gradient(90deg, #975C2A 0%, #1D3557 100%);
}
:root[data-paleta="educacion-comunidad-verde-comunidad"] {
  --color-primary: #FFB703;
  --color-on-primary: #111111;
  --color-primary-strong: #8C640A;
  --color-accent: #2D6A4F;
  --color-on-accent: #FFFFFF;
  --color-dark: #073422;
  --color-on-dark: #F9F6F2;
  --color-accent-on-dark: #FFB703;
  --color-bg: #F9F6F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF6E7;
  --color-text: #2E2B25;
  --color-text-muted: #6F6B64;
  --color-border: #DDD8D0;
  --grad-btn: linear-gradient(135deg, #FFB703 0%, color-mix(in srgb, #FFB703 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #FFB703 0%, color-mix(in srgb, #FFB703 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #073422 0%, color-mix(in srgb, #073422 82%, #FFB703) 100%);
  --grad-line: linear-gradient(180deg, #FFB703 0%, #FFB703 100%);
  --grad-text: linear-gradient(90deg, #8C640A 0%, #2D6A4F 100%);
}
:root[data-paleta="educacion-comunidad-vino-tradicion"] {
  --color-primary: #6A040F;
  --color-on-primary: #FFFFFF;
  --color-primary-strong: #6A040F;
  --color-accent: #E9C46A;
  --color-on-accent: #111111;
  --color-dark: #57020A;
  --color-on-dark: #FBF5F5;
  --color-accent-on-dark: #E9C46A;
  --color-bg: #FBF5F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FBF5F4;
  --color-text: #312928;
  --color-text-muted: #736968;
  --color-border: #E1D6D5;
  --grad-btn: linear-gradient(135deg, #6A040F 0%, color-mix(in srgb, #6A040F 78%, #000) 100%);
  --grad-accent: linear-gradient(120deg, #6A040F 0%, color-mix(in srgb, #6A040F 72%, #000) 100%);
  --grad-dark: linear-gradient(160deg, #57020A 0%, color-mix(in srgb, #57020A 82%, #6A040F) 100%);
  --grad-line: linear-gradient(180deg, #6A040F 0%, #E9C46A 100%);
  --grad-text: linear-gradient(90deg, #6A040F 0%, #E9C46A 100%);
}
:root[data-paleta="tecnologia-creativo-indigo-cian"] {
  --color-primary: #22D3EE;
  --color-on-primary: #111111;
  --color-primary-strong: #0B798A;
  --color-accent: #1E1B4B;
  --color-on-accent: #FFFFFF;
  --color-dark: #1E1B4B;
  --color-on-dark: #F2F8F9;
  --color-accent-on-dark: #22D3EE;
  --color-bg: #F2F8F9;
  --color-surface: #FFFFFF;
  --color-surface-alt: #E8FBFF;
  --color-text: #252D2F;
  --color-text-muted: #646E70;
  --color-border: #D1DBDE;
  --grad-btn: linear-gradient(135deg, #22D3EE 0%, color-mix(in srgb, #22D3EE 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #22D3EE 0%, color-mix(in srgb, #22D3EE 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1E1B4B 0%, color-mix(in srgb, #1E1B4B 82%, #22D3EE) 100%);
  --grad-line: linear-gradient(180deg, #22D3EE 0%, #22D3EE 100%);
  --grad-text: linear-gradient(90deg, #0B798A 0%, #1E1B4B 100%);
}
:root[data-paleta="tecnologia-creativo-violeta-coral"] {
  --color-primary: #FB7185;
  --color-on-primary: #111111;
  --color-primary-strong: #AD4253;
  --color-accent: #2E1065;
  --color-on-accent: #FFFFFF;
  --color-dark: #2E1065;
  --color-on-dark: #FBF5F5;
  --color-accent-on-dark: #FD9FA9;
  --color-bg: #FBF5F5;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF4F4;
  --color-text: #31292A;
  --color-text-muted: #73696A;
  --color-border: #E1D6D7;
  --grad-btn: linear-gradient(135deg, #FB7185 0%, color-mix(in srgb, #FB7185 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #FB7185 0%, color-mix(in srgb, #FB7185 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #2E1065 0%, color-mix(in srgb, #2E1065 82%, #FB7185) 100%);
  --grad-line: linear-gradient(180deg, #FB7185 0%, #FD9FA9 100%);
  --grad-text: linear-gradient(90deg, #AD4253 0%, #2E1065 100%);
}
:root[data-paleta="tecnologia-creativo-grafito-lima"] {
  --color-primary: #A3E635;
  --color-on-primary: #111111;
  --color-primary-strong: #537A0F;
  --color-accent: #A3E635;
  --color-on-accent: #111111;
  --color-dark: #1F3201;
  --color-on-dark: #F5F8F3;
  --color-accent-on-dark: #95D528;
  --color-bg: #F5F8F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EEFDE0;
  --color-text: #292D26;
  --color-text-muted: #6A6D66;
  --color-border: #D7DBD2;
  --grad-btn: linear-gradient(135deg, #A3E635 0%, color-mix(in srgb, #A3E635 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #A3E635 0%, color-mix(in srgb, #A3E635 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1F3201 0%, color-mix(in srgb, #1F3201 82%, #A3E635) 100%);
  --grad-line: linear-gradient(180deg, #A3E635 0%, #95D528 100%);
  --grad-text: linear-gradient(90deg, #537A0F 0%, #A3E635 100%);
}
:root[data-paleta="general-azul-naranja"] {
  --color-primary: #F28C28;
  --color-on-primary: #111111;
  --color-primary-strong: #A05600;
  --color-accent: #1B2A41;
  --color-on-accent: #FFFFFF;
  --color-dark: #1B2A41;
  --color-on-dark: #FAF6F3;
  --color-accent-on-dark: #F9A968;
  --color-bg: #FAF6F3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFF5ED;
  --color-text: #302A26;
  --color-text-muted: #716A65;
  --color-border: #DFD7D1;
  --grad-btn: linear-gradient(135deg, #F28C28 0%, color-mix(in srgb, #F28C28 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #F28C28 0%, color-mix(in srgb, #F28C28 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #1B2A41 0%, color-mix(in srgb, #1B2A41 82%, #F28C28) 100%);
  --grad-line: linear-gradient(180deg, #F28C28 0%, #F9A968 100%);
  --grad-text: linear-gradient(90deg, #A05600 0%, #1B2A41 100%);
}
:root[data-paleta="general-verde-dorado"] {
  --color-primary: #D4A017;
  --color-on-primary: #111111;
  --color-primary-strong: #896501;
  --color-accent: #1F3D2B;
  --color-on-accent: #FFFFFF;
  --color-dark: #173222;
  --color-on-dark: #F9F6F2;
  --color-accent-on-dark: #E0B863;
  --color-bg: #F9F6F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FCF6EA;
  --color-text: #2E2B25;
  --color-text-muted: #6F6B64;
  --color-border: #DDD9D0;
  --grad-btn: linear-gradient(135deg, #D4A017 0%, color-mix(in srgb, #D4A017 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #D4A017 0%, color-mix(in srgb, #D4A017 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #173222 0%, color-mix(in srgb, #173222 82%, #D4A017) 100%);
  --grad-line: linear-gradient(180deg, #D4A017 0%, #E0B863 100%);
  --grad-text: linear-gradient(90deg, #896501 0%, #1F3D2B 100%);
}
:root[data-paleta="general-gris-turquesa"] {
  --color-primary: #2A9D8F;
  --color-on-primary: #111111;
  --color-primary-strong: #0F7D71;
  --color-accent: #2A9D8F;
  --color-on-accent: #111111;
  --color-dark: #00332E;
  --color-on-dark: #F3F8F7;
  --color-accent-on-dark: #2A9D8F;
  --color-bg: #F3F8F7;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F1F9F7;
  --color-text: #252D2C;
  --color-text-muted: #656E6C;
  --color-border: #D1DCDA;
  --grad-btn: linear-gradient(135deg, #2A9D8F 0%, color-mix(in srgb, #2A9D8F 78%, #fff) 100%);
  --grad-accent: linear-gradient(120deg, #2A9D8F 0%, color-mix(in srgb, #2A9D8F 72%, #fff) 100%);
  --grad-dark: linear-gradient(160deg, #00332E 0%, color-mix(in srgb, #00332E 82%, #2A9D8F) 100%);
  --grad-line: linear-gradient(180deg, #2A9D8F 0%, #2A9D8F 100%);
  --grad-text: linear-gradient(90deg, #0F7D71 0%, #2A9D8F 100%);
}

/* Utilidades opcionales */
.text-grad { background-image: var(--grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.btn--grad { background-color: var(--color-primary); background-image: var(--grad-btn); color: var(--color-on-primary); border-color: transparent; }
.bg-grad-accent { background-image: var(--grad-accent); color: var(--color-on-primary); }
.bg-grad-dark { background-image: var(--grad-dark); color: var(--color-on-dark); }