:root {
    --primary: #24bbba;
    --primary-light: #4fc8c7;
    --primary-dark: #1f9f9f;
    --primary-50: #e9f8f8;
    --primary-100: #d3f1f1;

    --accent: #8a1011;
    --accent-light: #a13f40;
    --secondary: #8a1011;
    --secondary-light: #a13f40;

    --success: #24bbba;
    --success-light: #e9f8f8;
    --danger: #8a1011;
    --danger-light: #f3e7e7;
    --info: #24bbba;
    --info-light: #e9f8f8;

    --shadow-glow: 0 0 20px rgba(36, 187, 186, 0.15);
}

/* Override background gradients with dynamic colors */
body {
    background-image:
        radial-gradient(at 20% 20%, rgba(36, 187, 186, 0.05) 0%, transparent 50%),
        radial-gradient(at 80% 80%, rgba(138, 16, 17, 0.03) 0%, transparent 50%);
}