:root {
    /* Palette */
    --primary-solid: rgb(12, 74, 121,1);
    --primary-900: rgba(12, 74, 121, 0.9);
    --primary-500: rgba(12, 74, 121, 0.5);
    --primary-300: rgba(12, 74, 121, 0.3);

    --secondary-solid: #16668b;
    --secondary-900: rgb(29, 132, 181, 0.9);
    --secondary-500: rgb(29, 132, 181, 0.5);
    --secondary-300: rgb(29, 132, 181, 0.3);

    --danger-color:rgb(155, 29, 32,1);
    --alert-color: rgb(187, 109, 37,1);
    --success-color: rgb(83, 177, 70,1);

    --active-primary-solid:rgb(17, 48, 85,1);

    --border-dark-solid:rgb(51, 51, 51);
    --border-light-solid: #a0a0a0;

    --dark-solid: rgb(31, 31, 31,1);
    --dark-900: rgb(31, 31, 31, 0.9);
    --dark-500: rgb(31, 31, 31, 0.5);
    --dark-300: rgb(31, 31, 31, 0.3);

    --dark-bg-solid: #30343F;
   /* --light-bg-solid: #a0a0a0;*/
    --light-bg-solid: #FAFAFF;
    
    --light-font-solid: #FFFFFF;
    --dark-font-solid: #30343F;

    /* Typography */
    --base-font: "Roboto", sans-serif;
    --alternative-font: 'Raleway', sans-serif;

    /* Font-sizes */
    --font-display: 4.6em;
    --font-jumbo: 3.8em;
    --font-xlarge: 3em;
    --font-large: 1.4em;
    --font-medium: 1.2em;
    --font-small: 1.1em;
    --font-xsmall: 0.9em;
    --font-regular:1em;

    /* Spacings */
    --spacing-128: 12.8rem;
    --spacing-68: 6.8rem;
    --spacing-48: 4.8rem;
    --spacing-36: 3.6rem;
    --spacing-28: 2.8rem;
    --spacing-24: 2.4rem;
    --spacing-20: 2rem;
    --spacing-16: 1.6rem;
    --spacing-12: 1.2rem;
    --spacing-8: 0.8rem;
}