@import url(“fonts.googleapis.com/css?family=IBM+Plex+Mono:300,400,700”); @import url('fonts.googleapis.com/css?family=Neuton:400,400i,700,800'); @import url('fonts.googleapis.com/css?family=IBM+Plex+Serif:400,400i,700');

:root {

// skin: white rabbit
--meka-body: #EADDDB;
--meka-accent: #4E3A38;
--meka-matrix: #59A98B;
--meka-windshield: #8B4981;
--dva-primary-light: #ED918F;
--dva-primary-base: #D05249;
--dva-primary-dark: #9F3632;
--dva-secondary-light: #D38DC9;
--dva-secondary-base: #8B4981;
--dva-secondary-dark: #592F40;

--monospace: "IBM Plex Mono", monospace;
--serif: "IBM Plex Serif", serif;

--font-size-base: 16px;
--font-size-1: 0.75rem;
--font-size-2: 1rem;
--font-size-3: 1.25rem;
--font-size-4: 1.5rem;
--font-size-5: 1.75rem;
--font-size-6: 2rem;
--font-size-7: 2.25rem;

--section-header: var(--font-size-6);
--section-subheader: var(--font-size-4):
--section-tagline: var(--font-size-3);

--spacing-1: 4px;
--spacing-2: 8px;
--spacing-3: 16px;
--spacing-4: 32px;
--spacing-5: 64px;
--spacing-6: 128px;
--spacing-7: 256px;

--compact: var(--spacing-2);
--cozy: var(--spacing-4);
--comfortable: var(--spacing-4);

}