/* ==========================================
   SAHANA BRAND COLORS - SINGLE SOURCE OF TRUTH
   All website colors defined here
   ========================================== */

:root {
    /* Primary Brand Colors */
    --sahana-brown: #7D5A50;
    --sahana-brown-dark: #5D3A2E;
    --sahana-brown-light: #A1887F;

    /* Accent Colors */
    --sahana-gold: #D4941A;
    --sahana-gold-bright: #F0B429;
    --sahana-gold-light: #FFD700;

    /* Background Colors */
    --bg-gradient-1: #B8826F;
    --bg-gradient-2: #FFE8E1;
    --bg-gradient-3: #FFF5F2;
    --bg-light: #FAFAFA;
    --bg-white: #FFFFFF;
    --bg-dark: #2D1B13;
    --bg-dark-gradient: #1a0f09;

    /* Text Colors */
    --text-primary: #2D1B13;
    --text-secondary: #5D4037;
    --text-light: #666;
    --text-tertiary: #999;
    --text-white: #FFFFFF;

    /* UI Colors */
    --border-color: #E0D5D1;

    /* Premium Gradients */
    --gradient-primary: linear-gradient(135deg, #7D5A50, #D4941A);
    --gradient-hero: linear-gradient(135deg, #7D5A50 0%, #D4941A 50%, #F0B429 100%);
    --gradient-accent: linear-gradient(135deg, #D4941A, #F0B429);
    --gradient-text: linear-gradient(135deg, #5D3A2E, #D4941A, #F0B429);
    --gradient-dark: linear-gradient(135deg, #2D1B13 0%, #1a0f09 100%);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(93, 64, 55, 0.08);
    --shadow-md: 0 4px 16px rgba(93, 64, 55, 0.12);
    --shadow-lg: 0 8px 32px rgba(93, 64, 55, 0.16);
    --shadow-xl: 0 16px 48px rgba(93, 64, 55, 0.20);
    --shadow-2xl: 0 24px 64px rgba(93, 64, 55, 0.25);
    --shadow-gold: 0 4px 20px rgba(212, 148, 26, 0.3);
    --shadow-gold-lg: 0 12px 40px rgba(212, 148, 26, 0.4);

    /* Transitions */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-fast: all 0.2s ease;
}