/*
File: app/static/css/themes/light-green-theme.css
Purpose: Clean light green theme with minimal green accents for Veridian CRM/CMS system
Dependencies: base/variables.css
Last Updated: 2025-08-16
*/

/* ========================================
   LIGHT GREEN THEME VARIABLES
   Clean white theme with subtle green accents
   ======================================== */

:root[data-theme="light-green"] {
    /* Hero Section / Banner animation - Clean with minimal green tint */
    --primary-gradient-start: #F1F8E9;    /* Very pale green */
    --primary-gradient-end: #FFFFFF;      /* Pure white */
    --gradient-color-1: #c5f3e8;          /* Very pale green start */
    --gradient-color-2: #FFFFFF;          /* Pure white */
    --gradient-color-3: #c3eebe;          /* Light green accent - lighter than material green */
    --gradient-color-4: #F1F8E9;          /* Very pale green end */
    --hero-title-color: #212121;          /* Dark gray for maximum readability */
    --hero-subtitle-color: #757575;       /* Medium gray for hierarchy */
    --hero-coming-soon-color: #4CAF50;    /* Material green */
    
    /* Navigation - Clean white */
    --nav-background: rgba(255, 255, 255, 0.95);
    --nav-border: rgba(224, 224, 224, 0.5);
    --nav-brand-color: #4CAF50;           /* Material green brand */
    --nav-brand-hover-color: #2E7D32;     /* Darker green on hover */
    
    /* Theme Switch */
    --switch-background: #E5E7EB;
    --switch-background-active: #4CAF50;
    --switch-border: #D1D5DB;
    --switch-thumb: #FFFFFF;
    
    /* Dropdown - Clean white */
    --dropdown-background: rgba(255, 255, 255, 0.95);
    --dropdown-background-hover: rgba(241, 248, 233, 0.8);
    --dropdown-border: rgba(224, 224, 224, 0.5);
    --dropdown-text: #212121;
    --dropdown-text-hover: #4CAF50;
    --dropdown-menu-background: #FFFFFF;
    --dropdown-menu-border: rgba(224, 224, 224, 0.3);
    --dropdown-item-text: #212121;
    --dropdown-item-text-hover: #4CAF50;
    --dropdown-item-background-hover: rgba(241, 248, 233, 0.5);
    
    /* Body and Card Colors - Clean white theme */
    --body-background: #FFFFFF;           /* Pure white background */
    --body-color: #212121;                /* Dark gray text */
    --card-background: #FFFFFF;           /* Pure white cards */
    --card-border: rgba(224, 224, 224, 0.5);
    --card-header-background: #FAFAFA;    /* Very light gray headers */
    --card-text-color: #212121;           /* Dark gray text */
    --footer-background: #4CAF50;         /* Material green footer */
    --footer-color: #FFFFFF;              /* White text on green */
    --footer-muted: #C8E6C9;              /* Light green muted text */
    
    /* Dashboard Specific Colors - Clean with green accents */
    --welcome-title-color: #212121;
    --welcome-text-color: #757575;
    --accent-primary: #4CAF50;            /* Material green */
    --accent-secondary: #66BB6A;          /* Lighter green */
    --accent-light: #2E7D32;              /* Dark green */
    --profile-name-color: #212121;
    --profile-avatar-bg: linear-gradient(105deg, #4CAF50, #66BB6A);
    
    /* Graph View Specific Colors */
    --graph-canvas-background: #ffffff;
    --graph-node-text-color: #333333;
    --graph-node-border-color: #666666;
    --graph-edge-color: #999999;
    --graph-highlight-color: #4CAF50;
    --graph-selection-color: #2E7D32;
    
    /* Form Controls - Clean white */
    --form-control-background: #ffffff;
    --form-control-border: #E0E0E0;       /* Light gray border */
    --form-control-color: #212121;        /* Dark gray text */
    
    /* General - Clean green brand colors */
    --primary-color: #4CAF50;             /* Material green */
    --secondary-color: #66BB6A;           /* Lighter green */
    --light-color: #F1F8E9;               /* Very pale green */
    --dark-color: #2E7D32;                /* Dark green */
    
    /* Veridian brand colors - Clean minimal approach */
    --veridian-primary: #4CAF50;          /* Material green - primary brand color */
    --veridian-secondary: #66BB6A;        /* Lighter green - secondary elements */
    --veridian-accent: #4CAF50;           /* Green accent - buttons and highlights */
    --veridian-dark: #2E7D32;             /* Dark green - text and borders */
    --veridian-light: #F1F8E9;            /* Very pale green - subtle backgrounds */
    
    /* Background Colors - Clean system */
    --bg-primary: #FFFFFF;                /* Pure white - main backgrounds */
    --bg-secondary: #FAFAFA;              /* Off-white - card backgrounds */
    --bg-accent: #F1F8E9;                 /* Pale green - hero section background */
    --bg-gradient-start: #F1F8E9;         /* Subtle green gradient start */
    --bg-gradient-end: #FFFFFF;           /* Pure white gradient end */
    
    /* Text Colors - Clean typography */
    --text-primary: #212121;              /* Dark gray - primary text */
    --text-secondary: #757575;            /* Medium gray - secondary text */
    --text-green: #2E7D32;                /* Dark green - accent text */
    --text-muted: #9E9E9E;                /* Light gray - muted text */
    
    /* Success colors enhanced for green theme */
    --success-color: #4CAF50;
    --success-light: #E8F5E8;
    --success-dark: #2E7D32;
}

/* Green theme specific overrides - Clean styling */
:root[data-theme="light-green"] .pricing-card.popular::before {
    background: var(--veridian-primary);
    color: white;
}

:root[data-theme="light-green"] .plan-button.primary {
    background: var(--veridian-primary);
    color: white;
    border: none;
}

:root[data-theme="light-green"] .plan-button.primary:hover {
    background: var(--veridian-dark);
    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.3);
}

:root[data-theme="light-green"] .plan-button.secondary {
    border-color: var(--veridian-primary);
    color: var(--veridian-primary);
    background: transparent;
}

:root[data-theme="light-green"] .plan-button.secondary:hover {
    background: var(--bg-accent);
    color: var(--veridian-dark);
}

:root[data-theme="light-green"] .cta-section {
    background: var(--veridian-primary);
}

:root[data-theme="light-green"] .nav-button.signup {
    background: var(--veridian-primary);
    border-color: var(--veridian-primary);
    color: white;
}

:root[data-theme="light-green"] .nav-button.signup:hover {
    background: var(--veridian-dark);
    border-color: var(--veridian-dark);
}

/* Pricing cards - Clean white styling */
:root[data-theme="light-green"] .pricing-card {
    background: var(--bg-primary);
    border: 1px solid #E0E0E0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

:root[data-theme="light-green"] .pricing-card .price {
    color: var(--text-primary);
}

:root[data-theme="light-green"] .pricing-card .plan-features li {
    color: var(--text-secondary);
}

/* Hero section - Using animated gradient from shared component */
/* Removed static gradient override to allow animated gradient */

/* Footer - Material green background */
:root[data-theme="light-green"] footer {
    background: var(--footer-background) !important;
    color: var(--footer-color) !important;
}

:root[data-theme="light-green"] footer h5,
:root[data-theme="light-green"] footer h6 {
    color: var(--footer-color) !important;
}

:root[data-theme="light-green"] footer .text-muted {
    color: var(--footer-muted) !important;
}

:root[data-theme="light-green"] footer a {
    color: var(--footer-color) !important;
}

:root[data-theme="light-green"] footer a:hover {
    color: var(--footer-muted) !important;
}