:root {
    --mdl-font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    --font: system-ui, sans-serif;
    --icon-font: 'Material Icons';
    --icon-font-outlined: 'Material Symbols Outlined';
    --border: 1px solid var(--color-lt-gray);
    --header-shadow: 0 0 10px 0 var(--shadow-color);
    --image-width: 500px;
    --content-width: 1140px;
    --content-width-narrow: 960px;
    --content-width-wide: 1280px;
    --footer-height: 63px;
    --mdl-primary: #6892a7;
    --mdl-secondary: #ccc;
    --mdl-tertiary: #e9edf1;
    --color-dark: #2B2B2B;
    --color-light: white;
    --ad-color: #7f7f7f;
    --ad-link-color: #7f7f7f;
    --ad-font-size: 14px;
    --color-lt-gray: #ccc;
    --shadow-color: rgba(0, 0, 0, 0.35);
    --logo-color-light: var(--color-light);
    --logo-color-dark: var(--color-light);
    --header-footer-bg: var(--color-light);
    --font-color-light: var(--color-light);
    --font-color-dark: var(--color-dark);
    --color-primary: var(--mdl-primary);
    --color-secondary: var(--mdl-secondary);
    --color-tertiary: var(--mdl-tertiary)
}