@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --color1HEX: #233973; /* navy */
    --color2HEX: #150f44; /* navy dark */
    --color3HEX: #d7463e; /* red */
    --color4HEX: #ff6a30; /* red hover */
    --color5HEX: #16c0e3; /* cyan */
    --color6HEX: #062b32; /* cyan deep */

    --color1RGB: 35, 57, 115;
    --color2RGB: 21, 15, 68;
    --color3RGB: 215, 70, 62;
    --color4RGB: 255, 106, 48;
    --color5RGB: 22, 192, 227;
    --color6RGB: 6, 43, 50;

    --hed-font: 'Anton', Impact, sans-serif;
    --body-font: 'Public Sans', system-ui, -apple-system, sans-serif;
    --subhed-font: 'Public Sans', system-ui, -apple-system, sans-serif;
    --btn-font: 'Public Sans', system-ui, -apple-system, sans-serif;
    --menu-font: 'Public Sans', system-ui, -apple-system, sans-serif;
    --mono-font: monospace;

    --hed-font-weight: 400;
    --subhed-font-weight: 700;
    --body-font-weight: 400;
    --btn-font-weight: 800;
    --menu-font-weight: 600;

    --hed-transform: uppercase;
    --subhed-transform: uppercase;
    --btn-transform: uppercvase;
    --menu-transform: none;

    --btn-bg: #d7463e;
    --btn-bg-hover: #ff6a30;
    --btn-color: #ffffff;
    --btn-color-hover: #ffffff;
}