:root {
    --proxima-nova-base-font: "proxima-nova", Arial, sans-serif;

    --proxima-nova-regular-font-family:  var(--proxima-nova-base-font);
    --proxima-nova-regular-font-weight: 400;
    --proxima-nova-regular-font-style: normal;
    
    --proxima-nova-bold-font-family: var(--proxima-nova-base-font);
    --proxima-nova-bold-font-weight: 700;
    --proxima-nova-bold-font-style: normal;

    --proxima-nova-italic-font-family: var(--proxima-nova-base-font);
    --proxima-nova-italic-font-weight: 400;
    --proxima-nova-italic-font-style: italic;

    --alternate-gothic-atf-font-family: "alternate-gothic-atf", sans-serif;
    --alternate-gothic-atf-font-weight: 400;
    --alternate-gothic-atf-font-style: normal;

    --alternate-gothic-atf-bold-font-family: "alternate-gothic-atf", sans-serif;
    --alternate-gothic-atf-bold-font-weight: 700;
    --alternate-gothic-atf-bold-font-style: normal;

    --looking-flowers-script-font-family: "looking-flowers-script";
    --looking-flowers-script-font-weight: 400;
    --looking-flowers-script-font-style: normal;
    
    /*  Font Size  */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
	--text-5xl: 3rem;
	--text-6xl: 4rem;

    /*  Space  */
	--space-px: 1px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;
	--space-24: 96px;
	--space-32: 128px;
	--space-40: 160px;
	--space-48: 192px;
	--space-56: 224px;
	--space-64: 256px;

    /*  Colors  */
    --darkblue: #204A59;
    --darkblue-hover: #1C404D;
    --blue: #4B93B8; 
    --green: #668443; 
    --orange: #CA452D; 
    --yellow: #FDBB3E; 
    --gray: #58585A;
    --black: #000000;
    --white: #ffffff;
	
	--gray-hue: 215;
	--gray-100: hsl(var(--gray-hue), 45%, 98%);
	--gray-200: hsl(var(--gray-hue), 38%, 95%);
	--gray-300: hsl(var(--gray-hue), 32%, 91%);
	--gray-400: hsl(var(--gray-hue), 25%, 84%);
	--gray-500: hsl(var(--gray-hue), 20%, 69%);
	--gray-600: hsl(var(--gray-hue), 15%, 52%);
	--gray-700: hsl(var(--gray-hue), 17%, 35%);
	--gray-800: hsl(var(--gray-hue), 23%, 23%);
	--gray-900: hsl(var(--gray-hue), 26%, 14%);
}

/* 
font-family: var(--proxima-nova-regular-font-family);
font-weight: var(--proxima-nova-regular-font-weight);
font-style:  var(--proxima-nova-regular-font-style);


font-family: var(--proxima-nova-bold-font-family);
font-weight: var(--proxima-nova-bold-font-weight);
font-style:  var(--proxima-nova-bold-font-style);


font-family: var(--alternate-gothic-atf-font-family);
font-weight: var(--alternate-gothic-atf-font-weight);
font-style:  var(--alternate-gothic-atf-font-style);

font-family: var(--looking-flowers-script-font-family);
font-weight: var(--looking-flowers-script-font-weight);
font-style:  var(--looking-flowers-script-font-style);

*/