:root {
        --primary-color: #be1d2d; /* ASM */
        --secondary-color: #1e2655; /* ASM - the first half of the footer */
        --accent-color: #AEC6CF; /* ! lighter blue */
        --light-color: #f1faee; /* yellow(ish) changes font color of very top header text */
        --dark-color: #89CFF0; /* ! darkish blue */
        --gray-color: #8d99ae; /* gray */
        --primary-hover: #03fe90; /* ! bright blue */
        --text-color: #1f2937; /* almost black */
        --text-light: #6b7280; /* dark gray */
        --bg-color: #ffffff; /* white */
        --border-color: #e5e7eb; /* off white */
        --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --radius: 0.5rem;
        --transition: all 0.3s ease;
    }