:root {
    --primary: #24b2bc;
    --primary-light: #4fc1c9;
    --primary-dark: #1f98a0;
    --primary-50: #e9f7f8;
    --primary-100: #d3eff1;

    --accent: #0dbf2b;
    --accent-light: #3dcb55;
    --secondary: #0dbf2b;
    --secondary-light: #3dcb55;

    --success: #24b2bc;
    --success-light: #e9f7f8;
    --danger: #0dbf2b;
    --danger-light: #e6f8e9;
    --info: #24b2bc;
    --info-light: #e9f7f8;

    --shadow-glow: 0 0 20px rgba(36, 178, 188, 0.15);
}

/* Override background gradients with dynamic colors */
body {
    background-image:
        radial-gradient(at 20% 20%, rgba(36, 178, 188, 0.05) 0%, transparent 50%),
        radial-gradient(at 80% 80%, rgba(13, 191, 43, 0.03) 0%, transparent 50%);
}