/* Explain: GreenPath design tokens for colors, fonts, radii, and shadows */
:root {
    --primary-color: #0B3D2E;
    --primary-hover: #082f24;
    --secondary-color: #7FAF8B;
    --accent-color: #D7A84F;
    --mint-color: #DFF3E4;
    --background-color: #F8FAF6;
    --surface-color: #EEF5ED;
    --text-color: #1F2933;
    --text-muted: #5F6B74;
    --border-color: #D8E4D9;
    --focus-ring: rgba(127, 175, 139, 0.42);
    --font-heading: 'Manrope', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius-lg: 1.25rem;
    --radius-xl: 2rem;
    --shadow-soft: 0 18px 50px rgba(11, 61, 46, 0.12);
    --shadow-elevated: 0 28px 80px rgba(11, 61, 46, 0.18);
}