/**
 * Custom Theme Colors
 * Override Bootstrap 5 & Sash Theme default colors with brand colors
 */

:root {
    /* ================================================
       PRIMARY COLOR - #0093D5 (Light Blue)
       ================================================ */
    /* Sash Theme variables */
    --primary-bg-color: #0093D5 !important;
    --primary-bg-hover: #007AB1 !important;
    --primary-bg-border: #0093D5 !important;
    --transparent-primary: #0093D5 !important;
    --primary: #0093D5 !important;
    --primary-transparentcolor: #cce9f7 !important;
    --primary01: rgba(0, 147, 213, 0.1) !important;
    --primary02: rgba(0, 147, 213, 0.2) !important;
    --primary03: rgba(0, 147, 213, 0.3) !important;
    --primary05: rgba(0, 147, 213, 0.5) !important;
    --primary06: rgba(0, 147, 213, 0.6) !important;
    --primary09: rgba(0, 147, 213, 0.9) !important;
    --primary005: rgba(0, 147, 213, 0.05) !important;

    /* Bootstrap 5 variables */
    --bs-primary: #0093D5;
    --bs-primary-rgb: 0, 147, 213;
    --bs-primary-bg-subtle: #cce9f7;
    --bs-primary-border-subtle: #99d3ef;
    --bs-primary-text-emphasis: #00628c;

    /* ================================================
       SUCCESS COLOR - #2AAEA9 (Teal)
       ================================================ */
    /* Sash Theme variables */
    --success: #2AAEA9 !important;
    --green: #2AAEA9 !important;

    /* Bootstrap 5 variables */
    --bs-success: #2AAEA9;
    --bs-success-rgb: 42, 174, 169;
    --bs-success-bg-subtle: #d5f1f0;
    --bs-success-border-subtle: #aae3e1;
    --bs-success-text-emphasis: #1b6f6c;

    /* ================================================
       WARNING COLOR - #FBC115 (Yellow)
       ================================================ */
    /* Sash Theme variables */
    --warning: #FBC115 !important;
    --yellow: #FBC115 !important;

    /* Bootstrap 5 variables */
    --bs-warning: #FBC115;
    --bs-warning-rgb: 251, 193, 21;
    --bs-warning-bg-subtle: #fef5d4;
    --bs-warning-border-subtle: #fdeaa9;
    --bs-warning-text-emphasis: #c9990d;

    /* ================================================
       INFO COLOR - #1D327B (Dark Blue)
       ================================================ */
    /* Sash Theme variables */
    --info: #1D327B !important;
    --cyan: #1D327B !important;

    /* Bootstrap 5 variables */
    --bs-info: #1D327B;
    --bs-info-rgb: 29, 50, 123;
    --bs-info-bg-subtle: #d4d8e8;
    --bs-info-border-subtle: #a9b0d1;
    --bs-info-text-emphasis: #121f4e;

    /* ================================================
       DANGER COLOR - #EA5242 (Coral Red)
       ================================================ */
    /* Sash Theme variables */
    --danger: #EA5242 !important;

    /* Bootstrap 5 variables */
    --bs-danger: #EA5242;
    --bs-danger-rgb: 234, 82, 66;
    --bs-danger-bg-subtle: #fcddd9;
    --bs-danger-border-subtle: #f9bbb3;
    --bs-danger-text-emphasis: #bd412b;

    /* ================================================
       BUTTON STATES - Hover, Active, Focus
       ================================================ */
    /* Primary button states */
    --bs-btn-primary-bg: #1D327B;
    --bs-btn-primary-border-color: #1D327B;
    --bs-btn-primary-hover-bg: #172968;
    --bs-btn-primary-hover-border-color: #152456;
    --bs-btn-primary-active-bg: #152456;
    --bs-btn-primary-active-border-color: #121f4e;
    --bs-btn-primary-focus-shadow-rgb: 29, 50, 123;

    /* Success button states */
    --bs-btn-success-bg: #2AAEA9;
    --bs-btn-success-border-color: #2AAEA9;
    --bs-btn-success-hover-bg: #259993;
    --bs-btn-success-hover-border-color: #22918b;
    --bs-btn-success-active-bg: #22918b;
    --bs-btn-success-active-border-color: #1f8682;

    /* Warning button states */
    --bs-btn-warning-bg: #FBC115;
    --bs-btn-warning-border-color: #FBC115;
    --bs-btn-warning-hover-bg: #f0b30a;
    --bs-btn-warning-hover-border-color: #e3aa09;
    --bs-btn-warning-active-bg: #e3aa09;
    --bs-btn-warning-active-border-color: #d6a008;

    /* Info button states */
    --bs-btn-info-bg: #0093D5;
    --bs-btn-info-border-color: #0093D5;
    --bs-btn-info-hover-bg: #0082bd;
    --bs-btn-info-hover-border-color: #007ab1;
    --bs-btn-info-active-bg: #007ab1;
    --bs-btn-info-active-border-color: #0072a5;

    /* Danger button states */
    --bs-btn-danger-bg: #EA5242;
    --bs-btn-danger-border-color: #EA5242;
    --bs-btn-danger-hover-bg: #e73e2d;
    --bs-btn-danger-hover-border-color: #e53323;
    --bs-btn-danger-active-bg: #e53323;
    --bs-btn-danger-active-border-color: #d92f20;

    /* ================================================
       LINK COLORS
       ================================================ */
    --bs-link-color: #1D327B;
    --bs-link-color-rgb: 29, 50, 123;
    --bs-link-hover-color: #152456;
    --bs-link-hover-color-rgb: 21, 36, 86;

    /* ================================================
       FORM VALIDATION STATES
       ================================================ */
    /* Valid state (success color) */
    --bs-form-valid-color: #2AAEA9;
    --bs-form-valid-border-color: #2AAEA9;

    /* Invalid state (danger color) */
    --bs-form-invalid-color: #EA5242;
    --bs-form-invalid-border-color: #EA5242;

    /* ================================================
       BADGE COLORS
       ================================================ */
    /* These will automatically inherit from the main color variables */

    /* ================================================
       ALERT COLORS
       ================================================ */
    /* These will automatically inherit from the main color variables */

    /* ================================================
       BORDER AND FOCUS COLORS
       ================================================ */
    --bs-border-color: #dee2e6;
    --bs-focus-ring-color: rgba(29, 50, 123, 0.25);
}

/* ================================================
   CUSTOM GRADIENT BACKGROUNDS (Optional)
   ================================================ */
.bg-gradient-primary {
    background: linear-gradient(135deg, #1D327B 0%, #0093D5 100%) !important;
}

.bg-gradient-success {
    background: linear-gradient(135deg, #2AAEA9 0%, #0093D5 100%) !important;
}

.bg-gradient-brand {
    background: linear-gradient(135deg, #1D327B 0%, #2AAEA9 50%, #0093D5 100%) !important;
}

/* ================================================
   HOVER EFFECTS FOR CARDS AND LINKS
   ================================================ */
.card-hover-primary:hover {
    border-color: #1D327B !important;
    box-shadow: 0 0 0 0.2rem rgba(29, 50, 123, 0.25);
}

.card-hover-info:hover {
    border-color: #0093D5 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 147, 213, 0.25);
}

/* ================================================
   TEXT COLORS WITH BRAND PALETTE
   ================================================ */
.text-brand-primary {
    color: #1D327B !important;
}

.text-brand-teal {
    color: #2AAEA9 !important;
}

.text-brand-yellow {
    color: #FBC115 !important;
}

.text-brand-blue {
    color: #0093D5 !important;
}

.text-brand-coral {
    color: #EA5242 !important;
}

/* ================================================
   BACKGROUND COLORS WITH BRAND PALETTE
   ================================================ */
.bg-brand-primary {
    background-color: #0093D5 !important;
    color: #fff;
}

.bg-brand-teal {
    background-color: #2AAEA9 !important;
    color: #fff;
}

.bg-brand-yellow {
    background-color: #FBC115 !important;
    color: #000;
}

.bg-brand-blue {
    background-color: #0093D5 !important;
    color: #fff;
}

.bg-brand-coral {
    background-color: #EA5242 !important;
    color: #fff;
}

/* ================================================
   OUTLINE BUTTON VARIANTS
   ================================================ */
.btn-outline-primary {
    color: #0093D5 !important;
    border-color: #0093D5 !important;
}

.btn-outline-primary:hover {
    background-color: #0093D5 !important;
    border-color: #0093D5 !important;
    color: #fff !important;
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary:active {
    background-color: #0093D5 !important;
    border-color: #0093D5 !important;
    color: #fff !important;
}

/* ================================================
   NAVBAR BRAND COLORS
   ================================================ */
.navbar-brand-primary {
    color: #0093D5 !important;
}

/* ================================================
   SIDEBAR COLORS (if applicable)
   ================================================ */
.sidebar-primary {
    background-color: #0093D5;
}

.sidebar-primary .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.sidebar-primary .nav-link:hover,
.sidebar-primary .nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}