/* 
=====================================================================================
 Centralized Color Theme File
=====================================================================================
 This file defines the color palette for the GRC website using CSS variables.
 This makes it easy to manage and update colors across the entire site.
=====================================================================================
*/

:root {
    /* Base Colors */
    --white: #ffffff;
    --black: #081c15; /* Using evergreen as the base black for text */

    /* Font Family */
    --font-sans: 'Inter', sans-serif; /* Using Inter as a stand-in for "Stack Sans Text" */

    /* New Vegetation Green Palette */
    --bg-color: #f7fdf8;         /* frosted_mint-900: Very light green for backgrounds */
    --card-bg-color: #ffffff;    /* White for cards to stand out */
    --text-color: #081c15;       /* evergreen: Darkest green for primary text */
    --text-muted-color: #2d6a4f; /* dark_emerald: Lighter green for secondary text */

    --header-bg-color: #1b4332;  /* pine_teal: A deep, rich green for header/footer */
    --header-text-color: #ffffff;/* White text for header */

    --link-color: #2d6a4f;       /* dark_emerald: For standalone links */
    --link-hover-color: #1b4332; /* pine_teal: For link hover states */

    --button-bg-color: #40916c;  /* sea_green: Primary button background */
    --button-hover-bg-color: #2d6a4f; /* dark_emerald: Button hover background */
    --button-text-color: #ffffff;/* White text for buttons */
}