:root {

    /* Brand Colors */
    --primary: #16a34a;
    --primary-dark: #15803d;

    /* Light Theme */

    --bg-color: #ffffff;
    --white: #fff;

    --text-color: #334155;

    --secondary-bg: #f8fafc;

    --card-bg: #ffffff;

    --navbar-bg: #ffffff;

    --footer-bg: #0f172a;

    --footer-text: #ffffff;
     /* Utility */

    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-600: #475569;
    --gray-700: #334155;

    --danger: #ef4444;
       /* Counter Section */

    --counter-bg: var(--card-bg);

    --counter-text: var(--text-color);

    --counter-number: var(--primary);

    --counter-border: var(--gray-200);

   

    --font-family: 'Poppins', sans-serif;

    --container: 1320px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;

    --shadow-sm: 0 2px 10px rgba(0,0,0,.08);
    --shadow-md: 0 8px 30px rgba(0,0,0,.15);

    --transition: .3s ease;

    


    .dark-theme{

    --counter-bg: var(--card-bg);

    --counter-text: var(--text-color);

    --counter-number: var(--primary);

    --counter-border: rgba(255,255,255,.08);

}
}