:root {
    /* 🎨 Color Variables */
    --primary-color: #2563eb; /* Blue */
    --light-blue-color: #60769b; /* Lighter Blue */
    --secondary-color: #1e40af; /* Darker Blue */
    --white-color: white;
    --black-color: black;
    --danger-color: #ff5a5f; /* Red */
    --darker-red-color: #e0484e;
    --success-color: #16a34a; /* Green */
    --warning-color: #facc15; /* Yellow */
    --grey-color: #f8fafc; /* Light Gray */
    --ash-border-color: #ccc;
    --google-text-color: #666;
    --google-hover-color: #e5e5e5;

    /* 🔠 Font Variables */
    --font-family: 'Arial', sans-serif;
    --font-size-small: 14px;
    --font-size-medium: 16px;
    --font-size-large: 20px;
    --font-size-xl: 24px;

    /* 📏 Spacing Variables */
    --padding-small: 0.5rem;
    --padding-medium: 1rem;
    --padding-large: 1.5rem;

    --margin-small: 0.5rem;
    --margin-medium: 1rem;
    --margin-large: 1.5rem;
}



/* --primary-color: #2563eb; Blue */
/* --secondary-color: #1e40af; Darker Blue */
/* --text-color: white; */
/* --danger-color: #dc2626; Red */
/* --success-color: #16a34a; Green */
/* --warning-color: #facc15; Yellow */
/* --background-color: #f8fafc; Light Gray */