:root {
    /* Colores Principales */
    --es-primary: #D32F2F; /* Rojo Teja */
    --es-primary-light: #E57373;
    --es-primary-lighter: #FFEBEE;
    --es-primary-dark: #C62828;
    --es-primary-darker: #B71C1C;
    --es-secondary: #FBC02D; /* Amarillo Mostaza */
    --es-secondary-light: #FFF59D;
    --es-secondary-lighter: #FFFDE7;
    --es-secondary-dark: #F9A825;
    --es-secondary-darker: #F57C00; /* Naranja (coincide con warning)*/
    /* Colores Base */
    --es-base: #F5F5F5; /* Blanco Roto (casi blanco)*/
    --es-base-50: #FAFAFA;
    --es-base-100: #F5F5F5;
    --es-base-200: #EEEEEE;
    --es-base-300: #E0E0E0;
    --es-base-400: #BDBDBD;
    --es-base-500: #9E9E9E; /*Gris medio*/
    --es-base-600: #757575;
    --es-base-700: #616161;
    --es-base-800: #424242;
    --es-base-900: #212121; /* Gris Muy Oscuro */
    --es-base-light: #ffffff;
    --es-base-lighter: #ffffff;
    --es-base-dark: #616161;
    --es-base-darker: #212121;
    /* Colores de Estado (manteniendo consistencia, pero ajustados)*/
    --es-info: #2196F3; /* Azul (estándar)*/
    --es-info-light: #90caf9;
    --es-info-lighter: #e3f2fd;
    --es-info-dark: #1976d2;
    --es-info-darker: #0d47a1;
    --es-success: #4CAF50; /* Verde (estándar)*/
    --es-success-light: #81c784;
    --es-success-lighter: #e8f5e9;
    --es-success-dark: #388e3c;
    --es-success-darker: #1b5e20;
    --es-warning: #FF9800; /* Naranja (estándar) - coincide con el darker de secondary */
    --es-warning-light: #ffb74d;
    --es-warning-lighter: #ffecb3;
    --es-warning-dark: #f57c00;
    --es-warning-darker: #e65100;
    --es-danger: #F44336; /* Rojo (estándar, un poco más vivo que el primario)*/
    --es-danger-light: #e57373;
    --es-danger-lighter: #ffebee;
    --es-danger-dark: #d32f2f;
    --es-danger-darker: #b71c1c;
    /* Colores "On" */
    --es-on-primary: #ffffff;
    --es-on-primary-light: #212121;
    --es-on-primary-lighter: #B71C1C;
    --es-on-primary-dark: #ffffff;
    --es-on-primary-darker: #ffffff;
    --es-on-secondary: #212121; /*Texto oscuro para buen contraste*/
    --es-on-secondary-light: #212121;
    --es-on-secondary-lighter: #212121;
    --es-on-secondary-dark: #212121;
    --es-on-secondary-darker: #212121;
    --es-on-info: #ffffff;
    --es-on-info-light: #212121;
    --es-on-info-lighter: #0d47a1;
    --es-on-info-dark: #ffffff;
    --es-on-info-darker: #ffffff;
    --es-on-success: #ffffff;
    --es-on-success-light: #212121;
    --es-on-success-lighter: #1b5e20;
    --es-on-success-dark: #ffffff;
    --es-on-success-darker: #ffffff;
    --es-on-warning: #212121;
    --es-on-warning-light: #212121;
    --es-on-warning-lighter: #e65100;
    --es-on-warning-dark: #212121;
    --es-on-warning-darker: #ffffff;
    --es-on-danger: #ffffff;
    --es-on-danger-light: #212121;
    --es-on-danger-lighter: #b71c1c;
    --es-on-danger-dark: #ffffff;
    --es-on-danger-darker: #ffffff;
    --es-on-base: #212121; /*Gris muy oscuro*/
    --es-on-base-light: #212121;
    --es-on-base-lighter: #212121;
    --es-on-base-dark: #ffffff;
    --es-on-base-darker: #ffffff;
    /*Colores de series*/

    --es-series-1: #D32F2F;
    --es-series-2: #FBC02D;
    --es-series-3: #4CAF50;
    --es-series-4: #F44336;
    --es-series-5: #795548; /* Marron */
    --es-series-6: #2196F3; /* Azul */
    --es-series-7: #FF9800; /* Naranja */
    --es-series-8: #9C27B0;
    --es-series-9: #673AB7;
    --es-series-10: #3F51B5;
    --es-series-11: #00BCD4;
    --es-series-12: #009688;
    --es-series-13: #cddc39;
    --es-series-14: #ffeb3b;
    --es-series-15: #ffc107;
    --es-series-16: #ff5722;
    --es-series-17: #9E9E9E;
    --es-series-18: #607D8B;
    --es-series-19: #bcaaa4;
    --es-series-20: #8d6e63;
    --es-series-21: #a05195;
    --es-series-22: #2f4b7c;
    --es-series-23: #003f5c;
    --es-series-24: #8bc34a;
    /* Resto de variables (sin cambios) */
    --es-border-width: 1px;
    --es-root-font-size: 16px;
    --es-body-font-size: 0.875rem;
    --es-body-line-height: 1.42857143;
    --es-body-background-color: var(--es-base-50);
    --es-text-font-family: Segoe UI, Segoe UI Web, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    --es-outline-offset: -1px;
    --es-outline-width: 2px;
    --es-outline-color: var(--es-text-color);
    --es-text-title-color: var(--es-base-900);
    --es-text-color: var(--es-base-800);
    --es-text-secondary-color: var(--es-base-700);
    --es-text-tertiary-color: var(--es-base-600);
    --es-text-disabled-color: var(--es-base-400);
    --es-text-contrast-color: var(--es-white);
    --es-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --es-text-display-h1-line-height: normal;
    --es-text-display-h1-font-weight: 400;
    --es-text-display-h1-color: var(--es-text-title-color);
    --es-text-display-h1-margin-block-start: 0;
    --es-text-display-h1-margin-block-end: 1rem;
    --es-text-display-h2-font-size: clamp(3.25rem, 4.722vw, 4.25rem);
    --es-text-display-h2-line-height: normal;
    --es-text-display-h2-font-weight: 400;
    --es-text-display-h2-color: var(--es-text-title-color);
    --es-text-display-h2-margin-block-start: 0;
    --es-text-display-h2-margin-block-end: 1rem;
    --es-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --es-text-display-h3-line-height: normal;
    --es-text-display-h3-font-weight: 400;
    --es-text-display-h3-color: var(--es-text-title-color);
    --es-text-display-h3-margin-block-start: 0;
    --es-text-display-h3-margin-block-end: 0.75rem;
    --es-text-display-h4-font-size: clamp(2rem, 2.917vw, 2.625rem);
    --es-text-display-h4-line-height: normal;
    --es-text-display-h4-font-weight: 400;
    --es-text-display-h4-color: var(--es-text-title-color);
    --es-text-display-h4-margin-block-start: 0;
    --es-text-display-h4-margin-block-end: 0.5rem;
    --es-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
    --es-text-display-h5-line-height: normal;
    --es-text-display-h5-font-weight: 400;
    --es-text-display-h5-color: var(--es-text-title-color);
    --es-text-display-h5-margin-block-start: 0;
    --es-text-display-h5-margin-block-end: 0.5rem;
    --es-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --es-text-display-h6-line-height: normal;
    --es-text-display-h6-font-weight: 400;
    --es-text-display-h6-color: var(--es-text-title-color);
    --es-text-display-h6-margin-block-start: 0;
    --es-text-display-h6-margin-block-end: 0.5rem;
    --es-text-h1-font-size: 2.625rem;
    --es-text-h1-line-height: normal;
    --es-text-h1-font-weight: 400;
    --es-text-h1-color: var(--es-text-title-color);
    --es-text-h1-margin-block-start: 0;
    --es-text-h1-margin-block-end: 1rem;
    --es-text-h2-font-size: 2rem;
    --es-text-h2-line-height: normal;
    --es-text-h2-font-weight: 400;
    --es-text-h2-color: var(--es-text-title-color);
    --es-text-h2-margin-block-start: 0;
    --es-text-h2-margin-block-end: 1rem;
    --es-text-h3-font-size: 1.75rem;
    --es-text-h3-line-height: normal;
    --es-text-h3-font-weight: 400;
    --es-text-h3-color: var(--es-text-title-color);
    --es-text-h3-margin-block-start: 0;
    --es-text-h3-margin-block-end: 0.75rem;
    --es-text-h4-font-size: 1.5rem;
    --es-text-h4-line-height: normal;
    --es-text-h4-font-weight: 400;
    --es-text-h4-color: var(--es-text-title-color);
    --es-text-h4-margin-block-start: 0;
    --es-text-h4-margin-block-end: 0.5rem;
    --es-text-h5-font-size: 1.25rem;
    --es-text-h5-line-height: normal;
    --es-text-h5-font-weight: 400;
    --es-text-h5-color: var(--es-text-title-color);
    --es-text-h5-margin-block-start: 0;
    --es-text-h5-margin-block-end: 0.5rem;
    --es-text-h6-font-size: 1rem;
    --es-text-h6-line-height: normal;
    --es-text-h6-font-weight: 400;
    --es-text-h6-color: var(--es-text-title-color);
    --es-text-h6-margin-block-start: 0;
    --es-text-h6-margin-block-end: 0.5rem;
    --es-text-subtitle1-font-size: 1rem;
    --es-text-subtitle1-line-height: normal;
    --es-text-subtitle1-font-weight: 400;
    --es-text-subtitle1-color: var(--es-text-title-color);
    --es-text-subtitle1-margin-block-start: 0;
    --es-text-subtitle1-margin-block-end: 0.5rem;
    --es-text-subtitle2-font-size: 0.875rem;
    --es-text-subtitle2-line-height: normal;
    --es-text-subtitle2-font-weight: 400;
    --es-text-subtitle2-color: var(--es-text-title-color);
    --es-text-subtitle2-margin-block-start: 0;
    --es-text-subtitle2-margin-block-end: 0.5rem;
    --es-text-body1-font-size: 1rem;
    --es-text-body1-line-height: normal;
    --es-text-body1-font-weight: 400;
    --es-text-body1-color: var(--es-text-title-color);
    --es-text-body1-margin-block-start: 0;
    --es-text-body1-margin-block-end: 0.5rem;
    --es-text-body2-font-size: 0.875rem;
    --es-text-body2-line-height: normal;
    --es-text-body2-font-weight: 400;
    --es-text-body2-color: var(--es-text-title-color);
    --es-text-body2-margin-block-start: 0;
    --es-text-body2-margin-block-end: 0.5rem;
    --es-text-button-font-size: 0.875rem;
    --es-text-button-line-height: normal;
    --es-text-button-font-weight: 400;
    --es-text-button-text-transform: uppercase;
    --es-text-button-color: var(--es-text-title-color);
    --es-text-button-margin-block-start: 0;
    --es-text-button-margin-block-end: 0.5rem;
    --es-text-caption-font-size: 0.75rem;
    --es-text-caption-line-height: normal;
    --es-text-caption-font-weight: 400;
    --es-text-caption-color: var(--es-text-title-color);
    --es-text-caption-margin-block-start: 0;
    --es-text-caption-margin-block-end: 0.5rem;
    --es-text-overline-font-size: 0.625rem;
    --es-text-overline-line-height: normal;
    --es-text-overline-font-weight: 400;
    --es-text-overline-text-transform: uppercase;
    --es-text-overline-color: var(--es-text-title-color);
    --es-text-overline-margin-block-start: 0;
    --es-text-overline-margin-block-end: 0.5rem;
    --es-text-selection-background-color: var(--es-primary-lighter);
    --es-text-selection-color: inherit;
    --es-link-color: var(--es-primary);
    --es-link-text-decoration: none;
    --es-link-hover-color: var(--es-primary-dark);
    --es-link-hover-text-decoration: underline;
    --es-link-focus-outline: var(--es-outline-focus);
    --es-link-focus-outline-offset: var(--es-outline-offset);
    --es-base-background-color: var(--es-white);
    --es-border-white: var(--es-border-width) solid var(--es-white);
    --es-border-black: var(--es-border-width) solid var(--es-black);
    --es-border-base: var(--es-border-width) solid var(--es-base);
    --es-border-base-50: var(--es-border-width) solid var(--es-base-50);
    --es-border-base-100: var(--es-border-width) solid var(--es-base-100);
    --es-border-base-200: var(--es-border-width) solid var(--es-base-200);
    --es-border-base-300: var(--es-border-width) solid var(--es-base-300);
    --es-border-base-400: var(--es-border-width) solid var(--es-base-400);
    --es-border-base-500: var(--es-border-width) solid var(--es-base-500);
    --es-border-base-600: var(--es-border-width) solid var(--es-base-600);
    --es-border-base-700: var(--es-border-width) solid var(--es-base-700);
    --es-border-base-800: var(--es-border-width) solid var(--es-base-800);
    --es-border-base-900: var(--es-border-width) solid var(--es-base-900);
    --es-border-base-light: var(--es-border-width) solid var(--es-base-light);
    --es-border-base-lighter: var(--es-border-width) solid var(--es-base-lighter);
    --es-border-base-dark: var(--es-border-width) solid var(--es-base-dark);
    --es-border-base-darker: var(--es-border-width) solid var(--es-base-darker);
    --es-border-primary: var(--es-border-width) solid var(--es-primary);
    --es-border-primary-light: var(--es-border-width) solid var(--es-primary-light);
    --es-border-primary-lighter: var(--es-border-width) solid var(--es-primary-lighter);
    --es-border-primary-dark: var(--es-border-width) solid var(--es-primary-dark);
    --es-border-primary-darker: var(--es-border-width) solid var(--es-primary-darker);
    --es-border-secondary: var(--es-border-width) solid var(--es-secondary);
    --es-border-secondary-light: var(--es-border-width) solid var(--es-secondary-light);
    --es-border-secondary-lighter: var(--es-border-width) solid var(--es-secondary-lighter);
    --es-border-secondary-dark: var(--es-border-width) solid var(--es-secondary-dark);
    --es-border-secondary-darker: var(--es-border-width) solid var(--es-secondary-darker);
    --es-border-info: var(--es-border-width) solid var(--es-info);
    --es-border-info-light: var(--es-border-width) solid var(--es-info-light);
    --es-border-info-lighter: var(--es-border-width) solid var(--es-info-lighter);
    --es-border-info-dark: var(--es-border-width) solid var(--es-info-dark);
    --es-border-info-darker: var(--es-border-width) solid var(--es-info-darker);
    --es-border-success: var(--es-border-width) solid var(--es-success);
    --es-border-success-light: var(--es-border-width) solid var(--es-success-light);
    --es-border-success-lighter: var(--es-border-width) solid var(--es-success-lighter);
    --es-border-success-dark: var(--es-border-width) solid var(--es-success-dark);
    --es-border-success-darker: var(--es-border-width) solid var(--es-success-darker);
    --es-border-warning: var(--es-border-width) solid var(--es-warning);
    --es-border-warning-light: var(--es-border-width) solid var(--es-warning-light);
    --es-border-warning-lighter: var(--es-border-width) solid var(--es-warning-lighter);
    --es-border-warning-dark: var(--es-border-width) solid var(--es-warning-dark);
    --es-border-warning-darker: var(--es-border-width) solid var(--es-warning-darker);
    --es-border-danger: var(--es-border-width) solid var(--es-danger);
    --es-border-danger-light: var(--es-border-width) solid var(--es-danger-light);
    --es-border-danger-lighter: var(--es-border-width) solid var(--es-danger-lighter);
    --es-border-danger-dark: var(--es-border-width) solid var(--es-danger-dark);
    --es-border-danger-darker: var(--es-border-width) solid var(--es-danger-darker);
    --es-border-on-base: var(--es-border-width) solid var(--es-on-base);
    --es-border-on-base-light: var(--es-border-width) solid var(--es-on-base-light);
    --es-border-on-base-lighter: var(--es-border-width) solid var(--es-on-base-lighter);
    --es-border-on-base-dark: var(--es-border-width) solid var(--es-on-base-dark);
    --es-border-on-base-darker: var(--es-border-width) solid var(--es-on-base-darker);
    --es-border-on-primary: var(--es-border-width) solid var(--es-on-primary);
    --es-border-on-primary-light: var(--es-border-width) solid var(--es-on-primary-light);
    --es-border-on-primary-lighter: var(--es-border-width) solid var(--es-on-primary-lighter);
    --es-border-on-primary-dark: var(--es-border-width) solid var(--es-on-primary-dark);
    --es-border-on-primary-darker: var(--es-border-width) solid var(--es-on-primary-darker);
    --es-border-on-secondary: var(--es-border-width) solid var(--es-on-secondary);
    --es-border-on-secondary-light: var(--es-border-width) solid var(--es-on-secondary-light);
    --es-border-on-secondary-lighter: var(--es-border-width) solid var(--es-on-secondary-lighter);
    --es-border-on-secondary-dark: var(--es-border-width) solid var(--es-on-secondary-dark);
    --es-border-on-secondary-darker: var(--es-border-width) solid var(--es-on-secondary-darker);
    --es-border-on-info: var(--es-border-width) solid var(--es-on-info);
    --es-border-on-info-light: var(--es-border-width) solid var(--es-on-info-light);
    --es-border-on-info-lighter: var(--es-border-width) solid var(--es-on-info-lighter);
    --es-border-on-info-dark: var(--es-border-width) solid var(--es-on-info-dark);
    --es-border-on-info-darker: var(--es-border-width) solid var(--es-on-info-darker);
    --es-border-on-success: var(--es-border-width) solid var(--es-on-success);
    --es-border-on-success-light: var(--es-border-width) solid var(--es-on-success-light);
    --es-border-on-success-lighter: var(--es-border-width) solid var(--es-on-success-lighter);
    --es-border-on-success-dark: var(--es-border-width) solid var(--es-on-success-dark);
    --es-border-on-success-darker: var(--es-border-width) solid var(--es-on-success-darker);
    --es-border-on-warning: var(--es-border-width) solid var(--es-on-warning);
    --es-border-on-warning-light: var(--es-border-width) solid var(--es-on-warning-light);
    --es-border-on-warning-lighter: var(--es-border-width) solid var(--es-on-warning-lighter);
    --es-border-on-warning-dark: var(--es-border-width) solid var(--es-on-warning-dark);
    --es-border-on-warning-darker: var(--es-border-width) solid var(--es-on-warning-darker);
    --es-border-on-danger: var(--es-border-width) solid var(--es-on-danger);
    --es-border-on-danger-light: var(--es-border-width) solid var(--es-on-danger-light);
    --es-border-on-danger-lighter: var(--es-border-width) solid var(--es-on-danger-lighter);
    --es-border-on-danger-dark: var(--es-border-width) solid var(--es-on-danger-dark);
    --es-border-on-danger-darker: var(--es-border-width) solid var(--es-on-danger-darker);
    --es-border-series-1: var(--es-border-width) solid var(--es-series-1);
    --es-border-series-2: var(--es-border-width) solid var(--es-series-2);
    --es-border-series-3: var(--es-border-width) solid var(--es-series-3);
    --es-border-series-4: var(--es-border-width) solid var(--es-series-4);
    --es-border-series-5: var(--es-border-width) solid var(--es-series-5);
    --es-border-series-6: var(--es-border-width) solid var(--es-series-6);
    --es-border-series-7: var(--es-border-width) solid var(--es-series-7);
    --es-border-series-8: var(--es-border-width) solid var(--es-series-8);
    --es-border-series-9: var(--es-border-width) solid var(--es-series-9);
    --es-border-series-10: var(--es-border-width) solid var(--es-series-10);
    --es-border-series-11: var(--es-border-width) solid var(--es-series-11);
    --es-border-series-12: var(--es-border-width) solid var(--es-series-12);
    --es-border-series-13: var(--es-border-width) solid var(--es-series-13);
    --es-border-series-14: var(--es-border-width) solid var(--es-series-14);
    --es-border-series-15: var(--es-border-width) solid var(--es-series-15);
    --es-border-series-16: var(--es-border-width) solid var(--es-series-16);
    --es-border-series-17: var(--es-border-width) solid var(--es-series-17);
    --es-border-series-18: var(--es-border-width) solid var(--es-series-18);
    --es-border-series-19: var(--es-border-width) solid var(--es-series-19);
    --es-border-series-20: var(--es-border-width) solid var(--es-series-20);
    --es-border-series-21: var(--es-border-width) solid var(--es-series-21);
    --es-border-series-22: var(--es-border-width) solid var(--es-series-22);
    --es-border-series-23: var(--es-border-width) solid var(--es-series-23);
    --es-border-series-24: var(--es-border-width) solid var(--es-series-24);
    --es-border-normal: var(--es-border-width) solid var(--es-base-300);
    --es-border-hover: var(--es-border-width) solid var(--es-base-400);
    --es-border-focus: var(--es-border-width) solid var(--es-primary);
    --es-border-disabled: var(--es-border-width) solid var(--es-base-100);
    --es-border-radius: 4px;
    --es-border-radius-0: 0;
    --es-border-radius-1: 0.25rem;
    --es-border-radius-2: 0.5rem;
    --es-border-radius-3: 0.75rem;
    --es-border-radius-4: 1rem;
    --es-border-radius-5: 1.25rem;
    --es-border-radius-6: 1.5rem;
    --es-border-radius-7: 1.75rem;
    --es-border-radius-8: 2rem;
    --es-border-radius-9: 2.25rem;
    --es-border-radius-10: 2.5rem;
    --es-outline-white: var(--es-outline-width) solid var(--es-white);
    --es-outline-black: var(--es-outline-width) solid var(--es-black);
    --es-outline-base: var(--es-outline-width) solid var(--es-base);
    --es-outline-base-50: var(--es-outline-width) solid var(--es-base-50);
    --es-outline-base-100: var(--es-outline-width) solid var(--es-base-100);
    --es-outline-base-200: var(--es-outline-width) solid var(--es-base-200);
    --es-outline-base-300: var(--es-outline-width) solid var(--es-base-300);
    --es-outline-base-400: var(--es-outline-width) solid var(--es-base-400);
    --es-outline-base-500: var(--es-outline-width) solid var(--es-base-500);
    --es-outline-base-600: var(--es-outline-width) solid var(--es-base-600);
    --es-outline-base-700: var(--es-outline-width) solid var(--es-base-700);
    --es-outline-base-800: var(--es-outline-width) solid var(--es-base-800);
    --es-outline-base-900: var(--es-outline-width) solid var(--es-base-900);
    --es-outline-base-light: var(--es-outline-width) solid var(--es-base-light);
    --es-outline-base-lighter: var(--es-outline-width) solid var(--es-base-lighter);
    --es-outline-base-dark: var(--es-outline-width) solid var(--es-base-dark);
    --es-outline-base-darker: var(--es-outline-width) solid var(--es-base-darker);
    --es-outline-primary: var(--es-outline-width) solid var(--es-primary);
    --es-outline-primary-light: var(--es-outline-width) solid var(--es-primary-light);
    --es-outline-primary-lighter: var(--es-outline-width) solid var(--es-primary-lighter);
    --es-outline-primary-dark: var(--es-outline-width) solid var(--es-primary-dark);
    --es-outline-primary-darker: var(--es-outline-width) solid var(--es-primary-darker);
    --es-outline-secondary: var(--es-outline-width) solid var(--es-secondary);
    --es-outline-secondary-light: var(--es-outline-width) solid var(--es-secondary-light);
    --es-outline-secondary-lighter: var(--es-outline-width) solid var(--es-secondary-lighter);
    --es-outline-secondary-dark: var(--es-outline-width) solid var(--es-secondary-dark);
    --es-outline-secondary-darker: var(--es-outline-width) solid var(--es-secondary-darker);
    --es-outline-info: var(--es-outline-width) solid var(--es-info);
    --es-outline-info-light: var(--es-outline-width) solid var(--es-info-light);
    --es-outline-info-lighter: var(--es-outline-width) solid var(--es-info-lighter);
    --es-outline-info-dark: var(--es-outline-width) solid var(--es-info-dark);
    --es-outline-info-darker: var(--es-outline-width) solid var(--es-info-darker);
    --es-outline-success: var(--es-outline-width) solid var(--es-success);
    --es-outline-success-light: var(--es-outline-width) solid var(--es-success-light);
    --es-outline-success-lighter: var(--es-outline-width) solid var(--es-success-lighter);
    --es-outline-success-dark: var(--es-outline-width) solid var(--es-success-dark);
    --es-outline-success-darker: var(--es-outline-width) solid var(--es-success-darker);
    --es-outline-warning: var(--es-outline-width) solid var(--es-warning);
    --es-outline-warning-light: var(--es-outline-width) solid var(--es-warning-light);
    --es-outline-warning-lighter: var(--es-outline-width) solid var(--es-warning-lighter);
    --es-outline-warning-dark: var(--es-outline-width) solid var(--es-warning-dark);
    --es-outline-warning-darker: var(--es-outline-width) solid var(--es-warning-darker);
    --es-outline-danger: var(--es-outline-width) solid var(--es-danger);
    --es-outline-danger-light: var(--es-outline-width) solid var(--es-danger-light);
    --es-outline-danger-lighter: var(--es-outline-width) solid var(--es-danger-lighter);
    --es-outline-danger-dark: var(--es-outline-width) solid var(--es-danger-dark);
    --es-outline-danger-darker: var(--es-outline-width) solid var(--es-danger-darker);
    --es-outline-on-base: var(--es-outline-width) solid var(--es-on-base);
    --es-outline-on-base-light: var(--es-outline-width) solid var(--es-on-base-light);
    --es-outline-on-base-lighter: var(--es-outline-width) solid var(--es-on-base-lighter);
    --es-outline-on-base-dark: var(--es-outline-width) solid var(--es-on-base-dark);
    --es-outline-on-base-darker: var(--es-outline-width) solid var(--es-on-base-darker);
    --es-outline-on-primary: var(--es-outline-width) solid var(--es-on-primary);
    --es-outline-on-primary-light: var(--es-outline-width) solid var(--es-on-primary-light);
    --es-outline-on-primary-lighter: var(--es-outline-width) solid var(--es-on-primary-lighter);
    --es-outline-on-primary-dark: var(--es-outline-width) solid var(--es-on-primary-dark);
    --es-outline-on-primary-darker: var(--es-outline-width) solid var(--es-on-primary-darker);
    --es-outline-on-secondary: var(--es-outline-width) solid var(--es-on-secondary);
    --es-outline-on-secondary-light: var(--es-outline-width) solid var(--es-on-secondary-light);
    --es-outline-on-secondary-lighter: var(--es-outline-width) solid var(--es-on-secondary-lighter);
    --es-outline-on-secondary-dark: var(--es-outline-width) solid var(--es-on-secondary-dark);
    --es-outline-on-secondary-darker: var(--es-outline-width) solid var(--es-on-secondary-darker);
    --es-outline-on-info: var(--es-outline-width) solid var(--es-on-info);
    --es-outline-on-info-light: var(--es-outline-width) solid var(--es-on-info-light);
    --es-outline-on-info-lighter: var(--es-outline-width) solid var(--es-on-info-lighter);
    --es-outline-on-info-dark: var(--es-outline-width) solid var(--es-on-info-dark);
    --es-outline-on-info-darker: var(--es-outline-width) solid var(--es-on-info-darker);
    --es-outline-on-success: var(--es-outline-width) solid var(--es-on-success);
    --es-outline-on-success-light: var(--es-outline-width) solid var(--es-on-success-light);
    --es-outline-on-success-lighter: var(--es-outline-width) solid var(--es-on-success-lighter);
    --es-outline-on-success-dark: var(--es-outline-width) solid var(--es-on-success-dark);
    --es-outline-on-success-darker: var(--es-outline-width) solid var(--es-on-success-darker);
    --es-outline-on-warning: var(--es-outline-width) solid var(--es-on-warning);
    --es-outline-on-warning-light: var(--es-outline-width) solid var(--es-on-warning-light);
    --es-outline-on-warning-lighter: var(--es-outline-width) solid var(--es-on-warning-lighter);
    --es-outline-on-warning-dark: var(--es-outline-width) solid var(--es-on-warning-dark);
    --es-outline-on-warning-darker: var(--es-outline-width) solid var(--es-on-warning-darker);
    --es-outline-on-danger: var(--es-outline-width) solid var(--es-on-danger);
    --es-outline-on-danger-light: var(--es-outline-width) solid var(--es-on-danger-light);
    --es-outline-on-danger-lighter: var(--es-outline-width) solid var(--es-on-danger-lighter);
    --es-outline-on-danger-dark: var(--es-outline-width) solid var(--es-on-danger-dark);
    --es-outline-on-danger-darker: var(--es-outline-width) solid var(--es-on-danger-darker);
    --es-outline-series-1: var(--es-outline-width) solid var(--es-series-1);
    --es-outline-series-2: var(--es-outline-width) solid var(--es-series-2);
    --es-outline-series-3: var(--es-outline-width) solid var(--es-series-3);
    --es-outline-series-4: var(--es-outline-width) solid var(--es-series-4);
    --es-outline-series-5: var(--es-outline-width) solid var(--es-series-5);
    --es-outline-series-6: var(--es-outline-width) solid var(--es-series-6);
    --es-outline-series-7: var(--es-outline-width) solid var(--es-series-7);
    --es-outline-series-8: var(--es-outline-width) solid var(--es-series-8);
    --es-outline-series-9: var(--es-outline-width) solid var(--es-series-9);
    --es-outline-series-10: var(--es-outline-width) solid var(--es-series-10);
    --es-outline-series-11: var(--es-outline-width) solid var(--es-series-11);
    --es-outline-series-12: var(--es-outline-width) solid var(--es-series-12);
    --es-outline-series-13: var(--es-outline-width) solid var(--es-series-13);
    --es-outline-series-14: var(--es-outline-width) solid var(--es-series-14);
    --es-outline-series-15: var(--es-outline-width) solid var(--es-series-15);
    --es-outline-series-16: var(--es-outline-width) solid var(--es-series-16);
    --es-outline-series-17: var(--es-outline-width) solid var(--es-series-17);
    --es-outline-series-18: var(--es-outline-width) solid var(--es-series-18);
    --es-outline-series-19: var(--es-outline-width) solid var(--es-series-19);
    --es-outline-series-20: var(--es-outline-width) solid var(--es-series-20);
    --es-outline-series-21: var(--es-outline-width) solid var(--es-series-21);
    --es-outline-series-22: var(--es-outline-width) solid var(--es-series-22);
    --es-outline-series-23: var(--es-outline-width) solid var(--es-series-23);
    --es-outline-series-24: var(--es-outline-width) solid var(--es-series-24);
    --es-outline-normal: none;
    --es-outline-focus: var(--es-outline-width) solid var(--es-outline-color);
    --es-shadow-0: none;
    --es-shadow-1: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
    --es-shadow-2: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);
    --es-shadow-3: 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14);
    --es-shadow-4: 0 0 2px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.14);
    --es-shadow-5: 0 0 8px rgba(0, 0, 0, 0.12), 0 14px 28px rgba(0, 0, 0, 0.14);
    --es-shadow-6: 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
    --es-shadow-7: 0 0 16px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
    --es-shadow-8: 0 0 24px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
    --es-shadow-9: 0 0 32px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
    --es-shadow-10: 0 0 40px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
    --es-transition: 0.1s linear;
    --es-transition-all: all 0.1s linear;
    --es-layout-body-margin: 0;
    --es-layout-body-padding: 1rem;
    --es-layout-body-border-radius: 0;
    --es-layout-body-background-color: transparent;
}