/**
 * NexSetu Theme - Business Network
 * 
 * Centralized theme colors and styles for Business Network pages
 * All colors are defined as CSS variables for easy maintenance
 * 
 * USAGE:
 * 
 * 1. CSS Variables (Recommended):
 *    background-color: var(--nexsetu-primary);
 *    color: var(--nexsetu-accent);
 *    border-color: var(--nexsetu-border-focus);
 * 
 * 2. Utility Classes:
 *    <div class="nexsetu-bg-primary">...</div>
 *    <span class="nexsetu-text-accent">...</span>
 *    <button class="nexsetu-hover-primary">...</button>
 * 
 * 3. In Tailwind (using arbitrary values):
 *    bg-[var(--nexsetu-primary)]
 *    text-[var(--nexsetu-accent)]
 *    border-[var(--nexsetu-border-focus)]
 * 
 * THEME COLORS:
 * - Primary: #1E58A7 (Medium Blue)
 * - Primary Dark: #223E7E (Dark Blue)
 * - Accent: #F08721 (Orange)
 */

:root {
    /* NexSetu Primary Colors */
    --nexsetu-primary: #1E58A7;        /* Medium Blue - Primary brand color */
    --nexsetu-primary-dark: #223E7E;   /* Dark Blue - For hover states and gradients */
    --nexsetu-accent: #F08721;         /* Orange - Accent color for highlights */
    
    /* Color Variations */
    --nexsetu-primary-light: rgba(30, 88, 167, 0.1);    /* Light blue for backgrounds */
    --nexsetu-primary-hover: #223E7E;                   /* Hover state */
    --nexsetu-primary-focus: rgba(30, 88, 167, 0.2);    /* Focus ring */
    
    /* Gradient */
    --nexsetu-gradient: linear-gradient(135deg, #1E58A7 0%, #223E7E 100%);
    
    /* Text Colors */
    --nexsetu-text-primary: #322f2f;
    --nexsetu-text-secondary: #777777;
    --nexsetu-text-muted: #999999;
    
    /* Border Colors */
    --nexsetu-border: #dfdfdf;
    --nexsetu-border-light: #e4e4e4;
    --nexsetu-border-focus: #1E58A7;
    
    /* Background Colors */
    --nexsetu-bg-light: #f3fafe;
    --nexsetu-bg-white: #ffffff;
}

/* Utility Classes for NexSetu Theme */
.nexsetu-bg-primary {
    background-color: var(--nexsetu-primary) !important;
}

.nexsetu-bg-primary-dark {
    background-color: var(--nexsetu-primary-dark) !important;
}

.nexsetu-bg-accent {
    background-color: var(--nexsetu-accent) !important;
}

.nexsetu-bg-gradient {
    background: var(--nexsetu-gradient) !important;
}

.nexsetu-text-primary {
    color: var(--nexsetu-primary) !important;
}

.nexsetu-text-primary-dark {
    color: var(--nexsetu-primary-dark) !important;
}

.nexsetu-text-accent {
    color: var(--nexsetu-accent) !important;
}

.nexsetu-border-primary {
    border-color: var(--nexsetu-primary) !important;
}

.nexsetu-hover-primary:hover {
    background-color: var(--nexsetu-primary-hover) !important;
}

.nexsetu-focus-primary:focus {
    border-color: var(--nexsetu-border-focus) !important;
    box-shadow: 0 0 0 2px var(--nexsetu-primary-focus) !important;
}