/** * Paletas de acento (modo DEMO) — se aplican con * Los valores por defecto del sitio están en design-tokens.css + style.css (:root). */ html[data-demo-palette="indigo"] { --site-accent-rgb: 26, 82, 118; --color-authority-deep: #1a5276; --color-interaction-vibrant: #5c6bc0; --color-institutional-yellow: #e8eaf6; --color-terracotta-warm: #7e57c2; --color-authority-deep-hover: #303f9f; --color-interaction-vibrant-hover: #3f51b5; --color-interaction-vibrant-muted: rgba(63, 81, 181, 0.12); --color-institutional-yellow-muted: rgba(232, 234, 246, 0.95); --color-focus-ring: rgba(63, 81, 181, 0.45); --enaf-petroleo-oscuro: #303f9f; --md-primary-dark: #303f9f; --bs-link-hover-color: #303f9f; --bs-pagination-hover-color: #303f9f; --bs-pagination-focus-color: #303f9f; --md-on-info-container: #283593; } html[data-demo-palette="teal"] { --site-accent-rgb: 0, 121, 107; --color-authority-deep: #00796b; --color-interaction-vibrant: #26a69a; --color-institutional-yellow: #e0f2f1; --color-terracotta-warm: #00897b; --color-authority-deep-hover: #00695c; --color-interaction-vibrant-hover: #00897b; --color-interaction-vibrant-muted: rgba(0, 150, 136, 0.12); --color-institutional-yellow-muted: rgba(224, 242, 241, 0.95); --color-focus-ring: rgba(0, 121, 107, 0.45); --enaf-petroleo-oscuro: #004d40; --md-primary-dark: #004d40; --bs-link-hover-color: #004d40; --bs-pagination-hover-color: #004d40; --bs-pagination-focus-color: #004d40; --md-on-info-container: #00695c; } html[data-demo-palette="amber"] { --site-accent-rgb: 230, 126, 34; --color-authority-deep: #ef6c00; --color-interaction-vibrant: #fb8c00; --color-institutional-yellow: #fff3e0; --color-terracotta-warm: #f4511e; --color-authority-deep-hover: #e65100; --color-interaction-vibrant-hover: #f57c00; --color-interaction-vibrant-muted: rgba(251, 140, 0, 0.14); --color-institutional-yellow-muted: rgba(255, 243, 224, 0.95); --color-focus-ring: rgba(239, 108, 0, 0.45); --enaf-petroleo-oscuro: #e65100; --md-primary-dark: #e65100; --bs-link-hover-color: #e65100; --bs-pagination-hover-color: #e65100; --bs-pagination-focus-color: #e65100; --md-on-info-container: #bf360c; } html[data-demo-palette="slate"] { --site-accent-rgb: 69, 90, 100; --color-authority-deep: #455a64; --color-interaction-vibrant: #607d8b; --color-institutional-yellow: #eceff1; --color-terracotta-warm: #546e7a; --color-authority-deep-hover: #37474f; --color-interaction-vibrant-hover: #455a64; --color-interaction-vibrant-muted: rgba(96, 125, 139, 0.14); --color-institutional-yellow-muted: rgba(236, 239, 241, 0.95); --color-focus-ring: rgba(69, 90, 100, 0.45); --enaf-petroleo-oscuro: #37474f; --md-primary-dark: #37474f; --bs-link-hover-color: #37474f; --bs-pagination-hover-color: #37474f; --bs-pagination-focus-color: #37474f; --md-on-info-container: #263238; } html[data-demo-palette="emerald"] { --site-accent-rgb: 46, 125, 50; --color-authority-deep: #2e7d32; --color-interaction-vibrant: #43a047; --color-institutional-yellow: #e8f5e9; --color-terracotta-warm: #388e3c; --color-authority-deep-hover: #1b5e20; --color-interaction-vibrant-hover: #2e7d32; --color-interaction-vibrant-muted: rgba(67, 160, 71, 0.14); --color-institutional-yellow-muted: rgba(232, 245, 233, 0.95); --color-focus-ring: rgba(46, 125, 50, 0.45); --enaf-petroleo-oscuro: #1b5e20; --md-primary-dark: #1b5e20; --bs-link-hover-color: #1b5e20; --bs-pagination-hover-color: #1b5e20; --bs-pagination-focus-color: #1b5e20; --md-on-info-container: #145a32; }