:root {
    --primary: #e10c18;
    --primary-light: #e73c46;
    --primary-dark: #c00b15;
    --primary-50: #fce6e7;
    --primary-100: #f9ced0;

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

    --success: #e10c18;
    --success-light: #fce6e7;
    --danger: #8a1011;
    --danger-light: #f3e7e7;
    --info: #e10c18;
    --info-light: #fce6e7;

    --shadow-glow: 0 0 20px rgba(225, 12, 24, 0.15);
}

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