:root {
    --VerdeClaro: #f0fdf4;
    --Brand-Primario-color-primary-100: #dcfce7;
    --Brand-Primario-color-primary-200: #bbf7d0;
    --Brand-Primario-color-primary-300: #86efac;
    --Brand-Primario-color-primary-400: #4ade80;
    --Brand-Primario-color-primary-500: #22c55e;
    --Brand-Primario-color-primary-600: #16a34a;
    --Brand-Primario-color-primary-700: #15803d;
    --Brand-Primario-color-primary-800: #166534;
    --Brand-Primario-color-primary-900: #14532d;
    --Brand-Grises-color-neutral-100: #F3F0F6;
    --Brand-Grises-color-neutral-200: #E7E1EE;
    --Brand-Grises-color-neutral-300: #C3BCCD;
    --Brand-Grises-color-neutral-400: #918B9B;
    --Brand-Grises-color-neutral-500: #514D59;
    --Brand-Grises-color-neutral-600: #3E384C;
    --Brand-Grises-color-neutral-700: #2D2640;
    --Brand-Grises-color-neutral-800: #1E1833;
    --Brand-Grises-color-neutral-900: #140E2A;

    --Estado-Error-borde: #dc3545;
}

* {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    color: var(--Brand-Grises-color-neutral-500);
}

h1, h2, h3, h4 {
    color: var(--Brand-Grises-color-neutral-900);
}

h1{
    font-size: 36px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 20px;
}

a {
    color: var(--Brand-Primario-color-primary-600);
    text-decoration: none;
}

a:hover{
    color: var(--Brand-Primario-color-primary-800);
    text-decoration: underline;
}

a:focus {
    color: var(--Brand-Primario-color-primary-800);
    outline: 2px solid var(--Brand-Primario-color-primary-600);
    outline-offset: 2px;
    text-decoration: underline;
}