:root{
    /* Primary Brand Colors (from logo) */
    --primary: #19503E;              /* Leaf green */
    --primary-hover: #143F31;
    --primary-dark: #0E2E24;

    --secondary: #E65E0C;            /* Sun orange */
    --secondary-hover: #C44F0A;
    --secondary-light: #FACB0B;      /* Golden yellow */

    --title: #10012A;                /* Deep indigo from silhouette */
    --bg-light: #F7F7F5;             
    --theme-text-color: #FFFFFF;
    --dark: #1F1F1F;
    --dark-light: #5F5F5F;

    /* Primary RGBA */
    --rgba-primary-1: rgba(25, 80, 62, 0.1);
    --rgba-primary-2: rgba(25, 80, 62, 0.15);
    --rgba-primary-3: rgba(25, 80, 62, 0.2);
    --rgba-primary-4: rgba(25, 80, 62, 0.25);
    --rgba-primary-5: rgba(25, 80, 62, 0.3);
    --rgba-primary-6: rgba(25, 80, 62, 0.35);
    --rgba-primary-7: rgba(25, 80, 62, 0.4);
    --rgba-primary-8: rgba(25, 80, 62, 0.45);
    --rgba-primary-9: rgba(25, 80, 62, 0.5);

    /* Secondary RGBA */
    --rgba-secondary-1: rgba(230, 94, 12, 0.1);
    --rgba-secondary-2: rgba(230, 94, 12, 0.2);
    --rgba-secondary-3: rgba(230, 94, 12, 0.3);
    --rgba-secondary-4: rgba(230, 94, 12, 0.4);
    --rgba-secondary-5: rgba(230, 94, 12, 0.5);
    --rgba-secondary-6: rgba(230, 94, 12, 0.6);
    --rgba-secondary-7: rgba(230, 94, 12, 0.7);
    --rgba-secondary-8: rgba(230, 94, 12, 0.8);
    --rgba-secondary-9: rgba(230, 94, 12, 0.9);

    /* Gradients inspired by the logo */
    --gradient1: linear-gradient(180deg, #FACB0B 0%, #E65E0C 100%);
    --gradient2: linear-gradient(180deg, rgba(25,80,62,0) 0%, #19503E 100%);
}