/* ================================================
   SEKAWAN GROUP - COMPLETE BOOTSTRAP 5 THEME
   Full CSS variables override for comprehensive theming
   ================================================ */

/* ===== COMPLETE BOOTSTRAP 5 CSS VARIABLES OVERRIDE ===== */
:root {
    /* Theme Colors (primary buttons, alerts, badges, etc.) */
    --bs-primary: #F2A900;           /* Orange-Gold - main brand */
    --bs-primary-rgb: 242, 169, 0;
    --bs-secondary: #73B76F;         /* Fresh Green */
    --bs-secondary-rgb: 115, 183, 111;
    --bs-success: #73B76F;           /* Green success states */
    --bs-success-rgb: 115, 183, 111;
    --bs-info: #C4E17F;              /* Light green info */
    --bs-info-rgb: 196, 225, 127;
    --bs-warning: #F6D55C;           /* Yellow warnings */
    --bs-warning-rgb: 246, 213, 92;
    --bs-danger: #dc3545;            /* Keep Bootstrap red for danger */
    --bs-danger-rgb: 220, 53, 69;
    --bs-light: #FFF9EB;             /* Warm off-white */
    --bs-light-rgb: 255, 249, 235;
    --bs-dark: #1E5631;              /* Forest green dark */

    /* Base colors */
    --bs-white: #FFFFFF;
    --bs-black: #000000;
    --bs-body-color: #1E5631;        /* Dark text on light bg */
    --bs-body-bg: #FFFFFF;
    --bs-gray-100: #F8F9FA;
    --bs-gray-200: #E9ECEF;
    --bs-gray-300: #DEE2E6;
    --bs-gray-400: #CED4DA;
    --bs-gray-500: #ADB5BD;
    --bs-gray-600: #6C757D;
    --bs-gray-700: #495057;
    --bs-gray-800: #343A40;
    --bs-gray-900: #212529;

    /* Typography */
    --bs-heading-color: #1E5631;

    /* Borders & Focus */
    --bs-border-color: #E5E5E5;
    --bs-border-color-translucent: rgba(229, 229, 229, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);

    /* Focus ring */
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(242, 169, 0, 0.25);

    /* Body & Links */
    --bs-link-color: #F2A900;
    --bs-link-color-rgb: 242, 169, 0;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #D89600;
    --bs-link-hover-color-rgb: 216, 150, 0;
}

/* ===== ENHANCED BUTTON OVERRIDES ===== */
.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #D89600;
    --bs-btn-hover-border-color: #D89600;
    --bs-btn-active-bg: #C08500;
    --bs-btn-active-border-color: #C08500;
    --bs-btn-active-color: #000;
    --bs-btn-disabled-color: #000;
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #5FA05C;
    --bs-btn-hover-border-color: #5FA05C;
    --bs-btn-active-bg: #4F8A4C;
    --bs-btn-active-border-color: #4F8A4C;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #D89600;
    --bs-btn-active-border-color: #D89600;
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #5FA05C;
    --bs-btn-active-border-color: #5FA05C;
}

/* ===== FORM ELEMENTS ===== */
.form-control:focus,
.form-select:focus,
.form-control-color:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

/* ===== NAVBAR OVERRIDES ===== */
.navbar-brand,
.navbar .nav-link {
    color: var(--bs-primary) !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
    color: var(--bs-light) !important;
}

/* ===== ALERTS & BADGES ===== */
.alert-primary {
    --bs-alert-color: #000;
    --bs-alert-bg: #FDF3CD;
    --bs-alert-border-color: var(--bs-primary);
}

.badge-primary {
    --bs-badge-color: #000;
    --bs-badge-bg: var(--bs-primary);
}

/* ===== GRADIENTS ===== */
.bg-gradient-hero {
    background: linear-gradient(135deg, #F2A900 0%, #C4E17F 50%, #73B76F 100%);
}

.bg-gradient-section {
    background: linear-gradient(135deg, #F6D55C 0%, #C4E17F 100%);
}

.bg-gradient-footer {
    background: linear-gradient(135deg, #73B76F 0%, #4F744A 50%, #1E5631 100%);
}

/* ===== UTILITY CLASSES ===== */
.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-forest { color: var(--bs-dark) !important; }
.bg-light-warm { background-color: var(--bs-light) !important; }
.bg-info-light { background-color: var(--bs-info) !important; }
