@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --text-color: #323232;
    --text-color-muted: #969696;

    --font-size-base: 14px;
    --font-family-base: "Source Sans 3", sans-serif;

    --spacing-unit: 12px;
    --gutter: calc(var(--spacing-unit) / 2);
    --navbar-height: calc(var(--spacing-unit) * 8);
    --page-content-py: calc(var(--spacing-unit) * 2);
    --box-shadow: 0 calc(var(--spacing-unit) / 4) calc(var(--spacing-unit) / 2) rgba(0, 0, 0, 0.1);

    --color-background: #EEEEEE;
    /* --color-primary-1: #003EAB; */
    --color-primary-1: #00328B;
    --color-complementary-1: #FFA400;
    /* --color-primary-2: #43B12E; */
    --color-primary-2: #368F25;
    --color-complementary-2: #CD3544;
    --color-primary-3: #00A4EB;
    --color-complementary-3: #FF8700;
    --color-primary-4: #FFA40D;
    --color-complementary-4: #1654AB;

    --color-primary: var(--color-primary-1);
    --color-complementary: var(--color-primary-2);
    --color-primary-alpha: #003EAB1A;
    --color-complementary-alpha: #368F251A;
    
    --color-error: #CD3544;
    --color-error-alpha: #CD35441A;
}

.seguro-familiar-salud {
    --color-primary: var(--color-primary-1);
    --color-complementary: var(--color-primary-1);
    --color-primary-alpha: #003EAB1A;
    --color-complementary-alpha: #00328B1A;
}

.seguro-riesgos-laborales {
    --color-primary: var(--color-primary-2);
    --color-complementary: var(--color-primary-2);
    --color-primary-alpha: #43B12E1A;
    --color-complementary-alpha: #368F251A;
}