/**
 * OurTownTrades Seasonal Theme System
 * File: assets/css/seasonal-theme.css
 * 
 * This file defines CSS custom properties that override the base theme.
 * Swap this file or change the body class to switch seasons.
 * 
 * Base colors (year-round):
 * - Primary: Purple #6b46c1 (brand identity - never changes)
 * - Accent: Seasonal (buttons, highlights, badges)
 * 
 * Button text contrast guide:
 * - Light accent colors (orange, yellow, teal) = dark text (#1a1a1a)
 * - Dark accent colors (red, pink, blue, green) = white text (#ffffff)
 */

/* ============================================
   DEFAULT / AUTUMN (October-November)
   Orange tones - harvest, warmth
   ============================================ */
body.season-autumn {
    --ott-accent: #f6ad55;
    --ott-accent-hover: #ed8936;
    --ott-accent-dark: #dd6b20;
    --ott-accent-light: #feebc8;
    --ott-accent-text: #744210;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #1a1a1a;       /* Text ON accent buttons (dark for light orange) */
    --ott-accent-rgb: 246, 173, 85;
    
    /* Autumn headers - warm brown tones */
    --sidebar-header-bg: linear-gradient(135deg, #d8d0c2 0%, #c8b8a4 100%);
    --sidebar-header-text: #5c4a32;
    --sidebar-header-icon: #8b7355;
    --section-header-bg: linear-gradient(135deg, #d8d0c2 0%, #c8b8a4 100%);
    --section-header-text: #5c4a32;
    
    /* Autumn cards - warm cream */
    --card-bg: #fffaf2;
    --card-bg-alt: #fef4e8;
    --card-bg-highlight: #fdf0dc;
}

/* ============================================
   WINTER / CHRISTMAS (December)
   Red and green accents
   ============================================ */
body.season-winter {
    --ott-accent: #c53030;
    --ott-accent-hover: #9b2c2c;
    --ott-accent-dark: #742a2a;
    --ott-accent-light: #fed7d7;
    --ott-accent-text: #742a2a;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #ffffff;       /* Text ON accent buttons (white for dark red) */
    --ott-accent-rgb: 197, 48, 48;
    
    /* Secondary accent for green touches */
    --ott-accent-secondary: #2f855a;
    --ott-accent-secondary-light: #c6f6d5;
    
    /* Winter headers - cool silver/ice */
    --sidebar-header-bg: linear-gradient(135deg, #e8eef4 0%, #cdd8e4 100%);
    --sidebar-header-text: #2d4a5e;
    --sidebar-header-icon: #4a6a7a;
    --section-header-bg: linear-gradient(135deg, #e8eef4 0%, #cdd8e4 100%);
    --section-header-text: #2d4a5e;
    
    /* Winter cards - icy white/blue */
    --card-bg: #fafcff;
    --card-bg-alt: #f5f8fc;
    --card-bg-highlight: #eef4fa;
}

/* ============================================
   VALENTINE'S (February)
   Pink tones - love, warmth
   ============================================ */
body.season-valentine {
    --ott-accent: #ed64a6;
    --ott-accent-hover: #d53f8c;
    --ott-accent-dark: #b83280;
    --ott-accent-light: #fed7e2;
    --ott-accent-text: #702459;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #ffffff;       /* Text ON accent buttons (white for pink) */
    --ott-accent-rgb: 237, 100, 166;
    
    /* Valentine headers - soft pink/rose */
    --sidebar-header-bg: linear-gradient(135deg, #fce7f3 0%, #f9d0e3 100%);
    --sidebar-header-text: #831843;
    --sidebar-header-icon: #be185d;
    --section-header-bg: linear-gradient(135deg, #fce7f3 0%, #f9d0e3 100%);
    --section-header-text: #831843;
    
    /* Valentine cards - blush pink */
    --card-bg: #fffafc;
    --card-bg-alt: #fef5f8;
    --card-bg-highlight: #fdeef3;
}

/* ============================================
   ST. PATRICK'S (March)
   Green tones - luck, spring
   ============================================ */
body.season-stpatricks {
    --ott-accent: #48bb78;
    --ott-accent-hover: #38a169;
    --ott-accent-dark: #2f855a;
    --ott-accent-light: #c6f6d5;
    --ott-accent-text: #22543d;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #ffffff;       /* Text ON accent buttons (white for green) */
    --ott-accent-rgb: 72, 187, 120;
    
    /* St Patrick's headers - soft green */
    --sidebar-header-bg: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    --sidebar-header-text: #065f46;
    --sidebar-header-icon: #059669;
    --section-header-bg: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    --section-header-text: #065f46;
    
    /* St Patrick's cards - mint green */
    --card-bg: #f8fffc;
    --card-bg-alt: #f2fdf8;
    --card-bg-highlight: #e8fbf1;
}

/* ============================================
   SPRING (April-May)
   Light blue/teal - fresh, renewal
   ============================================ */
body.season-spring {
    --ott-accent: #4fd1c5;
    --ott-accent-hover: #38b2ac;
    --ott-accent-dark: #319795;
    --ott-accent-light: #b2f5ea;
    --ott-accent-text: #234e52;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #1a1a1a;       /* Text ON accent buttons (dark for light teal) */
    --ott-accent-rgb: 79, 209, 197;
    
    /* Spring headers - fresh teal */
    --sidebar-header-bg: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
    --sidebar-header-text: #134e4a;
    --sidebar-header-icon: #0d9488;
    --section-header-bg: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
    --section-header-text: #134e4a;
    
    /* Spring cards - fresh aqua */
    --card-bg: #f8fffd;
    --card-bg-alt: #f2fdfb;
    --card-bg-highlight: #e6faf6;
}

/* ============================================
   SUMMER (June-August)
   Sunny yellow/gold - bright, energetic
   ============================================ */
body.season-summer {
    --ott-accent: #ecc94b;
    --ott-accent-hover: #d69e2e;
    --ott-accent-dark: #b7791f;
    --ott-accent-light: #fefcbf;
    --ott-accent-text: #744210;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #1a1a1a;       /* Text ON accent buttons (dark for yellow) */
    --ott-accent-rgb: 236, 201, 75;
    
    /* Summer headers - warm sunny */
    --sidebar-header-bg: linear-gradient(135deg, #fef9c3 0%, #fde68a 100%);
    --sidebar-header-text: #713f12;
    --sidebar-header-icon: #a16207;
    --section-header-bg: linear-gradient(135deg, #fef9c3 0%, #fde68a 100%);
    --section-header-text: #713f12;
    
    /* Summer cards - sunny cream */
    --card-bg: #fffefb;
    --card-bg-alt: #fefcf5;
    --card-bg-highlight: #fdf9eb;
}

/* ============================================
   INDEPENDENCE DAY (July - optional)
   Red, white, blue
   ============================================ */
body.season-july4th {
    --ott-accent: #3182ce;
    --ott-accent-hover: #2b6cb0;
    --ott-accent-dark: #2c5282;
    --ott-accent-light: #bee3f8;
    --ott-accent-text: #2a4365;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #ffffff;       /* Text ON accent buttons (white for blue) */
    --ott-accent-rgb: 49, 130, 206;
    
    --ott-accent-secondary: #c53030;
    --ott-accent-secondary-light: #fed7d7;
    
    /* July 4th headers - patriotic blue */
    --sidebar-header-bg: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    --sidebar-header-text: #1e3a8a;
    --sidebar-header-icon: #1d4ed8;
    --section-header-bg: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    --section-header-text: #1e3a8a;
    
    /* July 4th cards - patriotic off-white */
    --card-bg: #fafbff;
    --card-bg-alt: #f5f7fc;
    --card-bg-highlight: #eef2fa;
}

/* ============================================
   BACK TO NORMAL (September)
   Return to brand orange before autumn
   ============================================ */
body.season-default {
    --ott-accent: #f6ad55;
    --ott-accent-hover: #ed8936;
    --ott-accent-dark: #dd6b20;
    --ott-accent-light: #feebc8;
    --ott-accent-text: #744210;           /* Text ON light accent backgrounds */
    --ott-accent-btn-text: #1a1a1a;       /* Text ON accent buttons (dark for orange) */
    --ott-accent-rgb: 246, 173, 85;
    
    /* Default headers - neutral silver */
    --sidebar-header-bg: linear-gradient(135deg, #e2e8f0 0%, #cbd5e0 100%);
    --sidebar-header-text: #2d3748;
    --sidebar-header-icon: #4a5568;
    --section-header-bg: linear-gradient(135deg, #e2e8f0 0%, #cbd5e0 100%);
    --section-header-text: #2d3748;
    
    /* Default cards - pure white */
    --card-bg: #ffffff;
    --card-bg-alt: #fafafa;
    --card-bg-highlight: #f7f7f7;
}