body {
    --color-50: #ffffff;
    --color-100: #fefefe;
    --color-200: #f8f8f8;
    --color-300: #f0f0f0;
    --color-400: #e0e0e0;
    --color-500: #c8c8c8;
    --color-600: #a0a0a0;
    --color-700: #787878;
    --color-800: #404040;
    --color-900: #101010;
    --color-A100: #000000;
    --color-primary: #0076d3;
    --color-secondary-gray: #929497;
    --color-secondary-gold: #c28b00;
    --color-footer: #15171f;

    --header-height: 80px;
    --footer-height: 312px;
    --mobile-header-height: 64px;
    --mobile-footer-height: 476px;
    --mobile-sub-header-height: 60px;
}