:root {
    /* Seeds / Base */

    --color-base-primary: #292929;
    --color-base-accent: #E52A23;
    --color-base-error: #D92D20;
    --color-base-warning: #FFC107;


    /* Primary */

    --color-primary-900: #1A1A1A;
    --color-primary-800: #292929;
    --color-primary-700: #434343;
    --color-primary-600: #575757;
    --color-primary-500: #767676;
    --color-primary-400: #A5A5A5;
    --color-primary-300: #D6D6D6;
    --color-primary-200: #E6E6E6;
    --color-primary-100: #F5F5F5;
    --color-primary-50:  #FAFAFA;


    /* Secondary */

    --color-secondary-900: #841C18;
    --color-secondary-800: #9F1A15;
    --color-secondary-700: #C01B15;	/* rojo footer */ 
    --color-secondary-600: #E52A23;	/* rojo iconos */ 
    --color-secondary-500: #F7433C; /* rojo boton */ 
    --color-secondary-400: #FE706B;
    --color-secondary-300: #FFA4A1;
    --color-secondary-200: #FFCAC8;
    --color-secondary-100: #FFE2E1;
    --color-secondary-50:  #FFF2F1;


    /* Error */

    --color-error-900: #7A271A;
    --color-error-800: #912018;
    --color-error-700: #B32318;
    --color-error-600: #D92D20;
    --color-error-500: #F04438;
    --color-error-400: #F97066;
    --color-error-300: #FDA19B;
    --color-error-200: #FECDC9;
    --color-error-100: #FEE4E2;
    --color-error-50:  #FEF3F2;


    /* Warning */

    --color-warning-900: #FF6F00; /* hover */
    --color-warning-800: #FF8F00;
    --color-warning-700: #FFA000;
    --color-warning-600: #FFB300;
    --color-warning-500: #FFC107;
    --color-warning-400: #FFCA28;
    --color-warning-300: #FFD54F;
    --color-warning-200: #FFE082;
    --color-warning-100: #FFECB3;
    --color-warning-50:  #FFF8E1;

    /* PERSONALIZATION */

    /* Fondos */

    --fondo--base: #FAFAFA;
	--fondo--cards: #F5F5F5;

	/* Fondos */

    /* Border */

    --color-border-neutral: var(--color-primary-200);
    --color-border-neutral-secondary: var(--color-primary-300);
    --color-border-primary: var(--color-primary-600);
    --color-border-secondary: var(--color-secondary-400);
    --color-border-error: var(--color-error-400);
    --color-border-warning: var(--color-warning-400);

    --font-white: #FFFFFF;
    --fondo-white: #FFFFFF;

    --fontsize10: 10px;
    --fontsize12: 12px;
    --fontsize13: 13px;
    --fontsize14: 14px;
    --fontsize16: 16px;
    --fontsize18: 18px;
    --fontsize22: 22px;
    --fontsize24: 24px;
    --fontsize26: 26px;
    --fontsize28: 28px;
    --fontsize30: 30px;
    --fontsize38: 38px;

    --color-base-accent-50: #FFE2E1;
    --color-base-neutral-25: #F5F7F7 ;

    --color-ckeckbox-bg: var(--color-secondary-500);

	--color-text-primary: var(--color-base-primary);

	--palette-primario: var(--color-base-primary);

	--palette-color1: var(--color-base-primary);
	--palette-color2: var(--color-secondary-300);
	--palette-color5: var(--color-secondary-300);

	--color-base-primary-800: var(--color-primary-800);

	--color-input-bg-default: var(--color-primary-50);

	--color-icon-primary: var(--color-base-primary);

	--color-button-primary-bg-hover: #7A271A;

	--color-text-link: var(--color-base-accent);

    --color-base-accent-600: var(--color-base-accent);

    /* ── Border radius ───────────────────────────────────────────────────── */
    
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    /* ── Shadows ─────────────────────────────────────────────────────────── */
    --shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md:  0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl:  0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

    /* ── Transitions ─────────────────────────────────────────────────────── */
    --transition-fast:   150ms ease;
    --transition-base:   200ms ease;
    --transition-slow:   300ms ease;

    /* ── Z-index ─────────────────────────────────────────────────────────── */
    --z-dropdown: 1000;
    --z-sticky:   1020;
    --z-modal:    1050;
    --z-tooltip:  1070;

}