/* Explain: Global theme tokens, color palette, and font variables with a scoped theme for Bajaj Life. */
:root {
    --primary-color: #0056b3; /* Professional Corporate Blue */
    --primary-hover: #004494;
    --secondary-color: #f8f9fa; /* Light Gray/White Background */
    --accent-color: #0084ff; /* Bright Blue Accent */
    --navy-color: #002244; /* Dark Corporate Navy */
    --yellow-color: #f5a623; 
    --white-color: #ffffff;
    --text-color: #212529;
    --text-muted: #6c757d;
    --border-color: color-mix(in srgb, #0056b3 15%, transparent);
    --shadow-soft: 0 10px 30px color-mix(in srgb, #0056b3 6%, transparent);
    --shadow-card: 0 5px 15px color-mix(in srgb, #002244 5%, transparent);
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
}

/* Scoped theme for the standalone Bajaj Life Insurance page — Corporate Blue + Warm Accent */
.bajaj-theme {
    --primary-color: #003366;
    --primary-hover: #00264d;
    --accent-color: #ff6600;
    --navy-color: #00213f;
    --yellow-color: #ff6600;
    --secondary-color: #f2f6fb;
    --border-color: color-mix(in srgb, #003366 16%, transparent);
    --shadow-soft: 0 10px 30px color-mix(in srgb, #003366 12%, transparent);
    --shadow-card: 0 5px 15px color-mix(in srgb, #003366 8%, transparent);
}