:root {
    /* Primary Colors - Global Theme Change to Emerald Green (#06AB5C) as requested */
    --navbar-primary-green: #06AB5C;
    --navbar-primary-green-hover: #05914e;
    --navbar-dark: #1a1a1a;
    --navbar-gray: #666666;

    /* Base Colors */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-transparent: transparent;

    /* Grays & Neutrals */
    --color-gray-900: #111827;
    --color-gray-800: #1f2937;
    --color-gray-700: #374151;
    --color-gray-600: #4b5563;
    --color-gray-500: #6b7280;
    --color-gray-400: #9ca3af;
    --color-gray-warm: #696969;
    --color-gray-mid: #888888;
    --color-gray-dark-2: #434343;
    --color-gray-slate: #2D3748;
    --color-gray-muted: #A0AEC0;

    /* Borders & Backgrounds */
    --color-border-light: #f0f0f0;
    --color-border-gray: #E2E8F0;
    --color-border-gray-medium: #D1D5DB;
    --color-bg-light: #f8f9fa;
    --color-bg-lighter: #edf2f7;
    --color-bg-mint-light: #e6f7ef;
    /* Updated base green tint */
    --color-bg-green-header: #d4f1e3;
    /* Updated green header tint */

    /* Secondary Colors */
    --color-emerald-500: #06AB5C;
    --color-emerald-600: #05914e;

    /* Icon Colors */
    --icon-blue-bg: #eef7ff;
    --icon-blue: #0080ff;
    --icon-yellow-bg: #fffcf0;
    --icon-yellow: #f59e0b;
    --icon-red-bg: #fff1f2;
    --icon-red: #e11d48;
    --icon-purple-bg: #e6f7ef;
    --icon-purple: #06AB5C;
    --icon-green-bg: #e6f7ef;
    --icon-green: #06AB5C;
    --icon-cyan-bg: #ecfeff;
    --icon-cyan: #0891b2;
    --icon-teal-bg: #f0fdfa;
    --icon-teal: #0d9488;
    --icon-orange-bg: #ecba9128;

    /* Award Badge Colors */
    --award-bg: #e6f7ef;
    --award-border: #8de0b7;
    --award-text: #047841;
    --award-anim-1: #06AB5C;
    --award-anim-2: #05914e;
    --award-anim-3: #047841;
    --sparkle-1: #FFD700;
    --sparkle-2: #FF69B4;
    --sparkle-3: #06AB5C;

    /* Shadows & RGBA - Black */
    --shadow-black-02: rgba(0, 0, 0, 0.02);
    --shadow-black-04: rgba(0, 0, 0, 0.04);
    --shadow-black-05: rgba(0, 0, 0, 0.05);
    --shadow-black-06: rgba(0, 0, 0, 0.06);
    --shadow-black-07: rgba(0, 0, 0, 0.07);
    --shadow-black-08: rgba(0, 0, 0, 0.08);
    --shadow-black-10: rgba(0, 0, 0, 0.1);
    --shadow-black-12: rgba(0, 0, 0, 0.12);
    --shadow-black-20: rgba(0, 0, 0, 0.2);

    /* Shadows & RGBA - Theme Color (Based on #06AB5C: 6, 171, 92) */
    --shadow-primary-08: rgba(6, 171, 92, 0.08);
    --shadow-primary-20: rgba(6, 171, 92, 0.2);
    --shadow-primary-25: rgba(6, 171, 92, 0.25);
    --shadow-primary-30: rgba(6, 171, 92, 0.3);
    --shadow-primary-35: rgba(6, 171, 92, 0.35);

    --shadow-emerald-10: rgba(6, 171, 92, 0.1);
    --shadow-emerald-20: rgba(6, 171, 92, 0.2);
    --shadow-emerald-25: rgba(6, 171, 92, 0.25);
    --shadow-emerald-30: rgba(6, 171, 92, 0.3);
    --shadow-emerald-35: rgba(6, 171, 92, 0.35);
    --shadow-emerald-40: rgba(6, 171, 92, 0.4);
    --shadow-emerald-50: rgba(6, 171, 92, 0.5);
    --shadow-emerald-60: rgba(6, 171, 92, 0.6);
    --shadow-emerald-80: rgba(6, 171, 92, 0.8);

    --bg-emerald-05: rgba(6, 171, 92, 0.05);
    --bg-emerald-08: rgba(6, 171, 92, 0.08);

    --bg-emerald-dark-04: rgba(5, 145, 78, 0.04);
    --bg-emerald-dark-06: rgba(5, 145, 78, 0.06);

    --shadow-purple-30: rgba(6, 171, 92, 0.3);

    /* White Opacities */
    --white-80: rgba(255, 255, 255, 0.8);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-0: rgba(255, 255, 255, 0);

    /* Navbar Specifics */
    --color-purple-hover-nav: #05914e;
    --color-green-hover-nav: var(--color-purple-hover-nav);
    --color-gray-100: #f1f3f5;
    --color-gray-200: #e9ecef;
    --color-gray-eee: #eee;
    --color-border-gray-200: #E5E7EB;
    --color-gray-50: #F9FAFB;
    --color-green-pure-10: rgba(6, 171, 92, 0.1);
    --color-bg-mint-gradient-end: #dcf7e9;
    --shadow-primary-green-20: rgba(6, 171, 92, 0.2);
}