/* Filename: css/theme.css
   Description: Indo-French Fusion Gradient Background
   Opacity: 30%
   Direction: Diagonal (135 degrees)
*/

body {
    /* Gradient Breakdown:
       1. Saffron (India) -> 0%
       2. French Blue     -> 25%
       3. White (Shared)  -> 50%
       4. French Red      -> 75%
       5. Saffron (India) -> 100%
       
       Alpha Channel (Opacity) set to 0.3 (30%) for all colors.
    */
    background: linear-gradient(
        135deg, 
        rgba(255, 153, 51, 0.3) 0%,    /* Saffron */
        rgba(0, 85, 164, 0.3) 25%,     /* French Blue */
        rgba(255, 255, 255, 0.3) 50%,  /* White Buffer */
        rgba(239, 65, 53, 0.3) 75%,    /* French Red */
        rgba(255, 153, 51, 0.3) 100%   /* Saffron Finish */
    ) !important;

    /* Ensures the background stays in place while scrolling */
    background-attachment: fixed !important;
    
    /* Ensures background covers full height even on short pages */
    min-height: 100vh;
    
    /* Standard Font Family */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Optional: Ensure Cards pop against the background */
.card, .detail-card, .info-card {
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,0.05);
}