@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

:root {
    --c-primary:    #0e3168;
    --c-dark:       #0a1121;
    --c-grey-dark:  #3a3a3a;
    --c-grey:       #8c8c8c;
    --c-grey-light: #f4f4f4;
    --c-white:      #ffffff;

    --font-base:    'Open Sans', system-ui, sans-serif;

    --container:    1200px;
    --gap:          1.5rem;
    --radius:       4px;
    --shadow:       0 2px 8px rgba(0,0,0,.12);
    --transition:   .2s ease;

    --sp-1: .25rem;
    --sp-2: .5rem;
    --sp-3: .75rem;
    --sp-4: 1rem;
    --sp-6: 1.5rem;
    --sp-8: 2rem;
    --sp-12: 3rem;
    --sp-16: 4rem;
}