/* Explain: Defines site-wide CSS variables for colors, fonts, and shadows. - */
:root {
    --primary-color: #003e32;
    --primary-hover: #002a22;
    --secondary-color: #f0f4f3;
    --accent-color: #d6a332;
    --navy-color: #003e32;
    --yellow-color: #d6a332;
    --white-color: #FFFFFF;
    --slate-color: #5B6770;
    --pale-blue: #f0f4f3;
    --background-color: #FFFFFF;
    --surface-color: #FFFFFF;
    --text-color: #003e32;
    --text-muted: #5B6770;
    --border-color: color-mix(in srgb, #003e32 14%, transparent);
    --shadow-soft: 0 24px 70px color-mix(in srgb, #003e32 13%, transparent);
    --shadow-card: 0 18px 45px color-mix(in srgb, #003e32 9%, transparent);
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
}