:root {
    /* Primary Brand Colors */
    --primary-color: #0CAC5C; /* Green (main accent) */
    --accent-color: #0CAC5C; /* Green (for highlights, same as primary) */
    --primary-dark: #09994e; /* Darker green for hover states */
    /* Backgrounds */
    --darker-bg: #222222; /* Main background (page background) */
    --surface-color: #181818; /* Card/section background (slightly different for depth) */
    --card-bg: #181818; /* Card background (same as surface for consistency) */
    /* Borders & Shadows */
    --border-color: #333333; /* Subtle border for cards, sections, etc. */
    --card-shadow: 0 4px 24px rgba(0,0,0,0.45);
    /* Text */
    --text-on-dark: #FFFFFF; /* Main text on dark backgrounds */
    --text-on-light: #222222; /* Text on light backgrounds (rarely used) */
    --text-muted: #b0b0b0; /* Muted/secondary text */
    /* Utility */
    --white: #FFFFFF; /* Pure white */
    --navbar-text: #FFFFFF; /* Navbar text color */
    --transition-speed: 0.3s; /* For smooth transitions */
}