:root {
    /* Primary Colors */
    --primary-teal: #007f7f;
    --deep-teal: #004c4c;
    --color-magenta: #ee0090;
    --color-skyblue: #00aeed;
    --color-green: #11a05a; 
    --color-yellow: #fee227; 
    /* Text Colors */
    --color-text-red: #f15050;
    --color-text-light: #ffffff;
    --color-text-muted: #666666;
    /* Background Colors */
    --color-bg-light: #f9f9f9;
    --color-bg-dark: #140083;
    /* Button Colors */
    --btn-bg: var(--color-primary);
    --btn-text: var(--color-text-light);
    --btn-hover: #1f1f6e;
    /* Border Colors */
    --border-color: #dddddd;
    /* Shadow Colors */
    --shadow-color: rgba(0, 0, 0, 0.1);
    /* Gradients */
    --footer-bg: linear-gradient(135deg, #00aeed, #ee0090);
    --gradient-2: linear-gradient(144deg, #2f2f91, #00aeed, #ee0090);
}