/* ==========================================================================
   ACCOUNTING WITH GJ - DARK BROWNISH RED / MAHOGANY THEME (LIGHT THEME BG)
   Author: UI/UX Engineer for Gayantha Jayasooriya
   Theme: Luxurious Dark Brownish Red, Mahogany & Cordovan Palette with Gold Accents
   ========================================================================== */

:root {
    /* Colors - Curated Dark Brownish Red Palette */
    --primary: #5c1c18;        /* Deep Mahogany / Dark Brownish Red */
    --primary-light: #7c2822;  /* Burnt Sienna / Redwood */
    --primary-dark: #360e0a;   /* Midnight Mahogany / Darkest Brown Red */
    
    --accent: #c8392b;         /* Vibrant Cinnamon / Burnt Terracotta Red */
    --accent-hover: #a32b1f;   /* Deep Cinnamon Red */
    --accent-light: #fdf2f0;   /* Soft Terracotta Rose */
    
    --gold: #d97706;           /* Excellence Gold */
    --gold-hover: #b45309;     /* Rich Amber */
    --gold-light: #fef3c7;     /* Soft Amber */
    --gold-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    
    --blue: #8c2d25;           /* Replacing Azure Blue with Rich Terracotta Brown-Red */
    --blue-hover: #73231c;     /* Dark Burnt Russet */
    --blue-light: #fef6f5;     /* Warm Cream / Soft Russet Blush */
    
    --green: #10b981;          /* Success Green */
    --green-light: #d1fae5;
    
    --bg-main: #fdfcfb;        /* Clean Crisp Light Background with warm cream tint */
    --bg-surface: #ffffff;     /* Pure White Card Surface */
    --bg-alt: #fcf7f5;         /* Soft Warm Terracotta-Gray Section Background */
    --bg-dark: #360e0a;        /* Midnight Mahogany / Dark Brownish Red for dark sections & footer */
    
    --text-main: #3d110d;      /* Rich Dark Brownish-Red Umber text for cohesion */
    --text-muted: #785a56;     /* Muted Warm Taupe/Brown */
    --text-light: #fdfbfb;     /* White/Light Text */
    
    --border: #e8e0de;         /* Soft Border Warm Gray */
    --border-gold: #fde68a;
    
    /* Shadows & Glassmorphism with Warm Brownish-Red Tint */
    --shadow-sm: 0 1px 3px rgba(54,14,10,0.05), 0 1px 2px rgba(54,14,10,0.03);
    --shadow-md: 0 4px 6px -1px rgba(54,14,10,0.06), 0 2px 4px -1px rgba(54,14,10,0.04);
    --shadow-lg: 0 10px 15px -3px rgba(92,28,24,0.08), 0 4px 6px -2px rgba(92,28,24,0.04);
    --shadow-xl: 0 20px 25px -5px rgba(92,28,24,0.12), 0 10px 10px -5px rgba(92,28,24,0.05);
    --shadow-gold: 0 10px 25px -5px rgba(217, 119, 6, 0.3);
    --shadow-accent: 0 10px 25px -5px rgba(200, 57, 43, 0.3);
    
    --glass-bg: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(232, 224, 222, 0.6);
}

/* ==========================================================================
   SPECIFIC COLOR & GRADIENT OVERRIDES
   ========================================================================== */

/* Announcement Banner */
.top-banner {
    background: linear-gradient(90deg, var(--primary) 0%, #73231c 50%, var(--primary) 100%);
    border-bottom: 2px solid var(--gold);
}

/* Hero & Card Glow Overrides */
.image-frame-glow {
    background: linear-gradient(135deg, rgba(217,119,6,0.35) 0%, rgba(140,45,37,0.35) 100%);
}

.uni-img-caption {
    background: linear-gradient(0deg, rgba(54,14,10,0.95) 0%, rgba(54,14,10,0) 100%);
}

.lms-showcase {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    border: 1px solid rgba(253, 230, 138, 0.2);
}

.gallery-overlay {
    background: linear-gradient(0deg, rgba(54,14,10,0.92) 0%, rgba(54,14,10,0.3) 60%, rgba(54,14,10,0) 100%);
}

/* Overriding Hardcoded Navy/Slate Colors */
.custom-slider {
    background: var(--primary-light);
}

.gimmick-output {
    background: rgba(54, 14, 10, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.meter-bar-bg {
    background: var(--primary-dark);
}

.uni-main-img {
    background: var(--primary-dark);
}

.lms-mockup-card {
    background: var(--primary-dark);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.mockup-top {
    background: var(--primary-light);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mockup-url {
    background: var(--primary-dark);
    color: #e8e0de;
}

.prog-bar {
    background: var(--primary-light);
}

.mini-card {
    background: var(--primary-light);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.gallery-item {
    background: var(--primary-dark);
}

.footer-social a {
    background: var(--primary-light);
}

.footer-social a:hover {
    background: var(--gold);
}

.footer-quote-box {
    background: var(--primary-light);
    border-left: 3px solid var(--gold);
}

.footer-bottom {
    border-top: 1px solid var(--primary-light);
}

/* Custom Selection & Scrollbar for Brownish Red Theme */
::selection {
    background: var(--accent);
    color: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-light);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
}