:root {
    --zph-darkestblue: #24346a;
    /* body color */
    --zph-darkblue: #24346a;
    --zph-darkblue40: rgba(167, 173, 195, 0.4);
    --zph-lightblue: #0966c9;
    --zph-lighterblue: #9eb0e4;
    --zph-darkgrey: #929292;
    --zph-lightgrey: #f3f2f2;
    --zph-lightestgrey: #f3f2f2;
    --zph-atex: #c20e0e;
    --zph-ptblue: #1c3cca;
    --zph-ptred: #1cca96;
    --zph-courbered: #1cca96;
    --zph-courbegreen: #00ff00;
    --zph-courbeblue: #1c3cca;
    --zph-fieldsetborder: #000000;
    --zph-lightbg: white;
    --zph-neededval : #e71c1c;
    --zph-menuon : #9eb0e4;
    --zph-border : rgba(0, 0, 0, 1);
    --zph-box-shadow: 0 0 0 0.25rem var(--zph-darkblue40);
    --zph-box-shadow-sm: 0 0 0 0.25rem var(--zph-darkblue40);
    --zph-box-shadow-btn: 0 2px 5px var(--zph-box-darkblue40);
    --zph-box-shadow-card: 0 4px 12px var(--zph-box-darkblue40);

    /* Typography & UI */
    --zph-font-family: 'Exo', 'Outfit',
        'Inter',
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif;
    --zph-border-radius: 10px;
    --zph-border-radius-sm: 6px;
    --zph-btn-padding-y: 0.6rem;
    --zph-btn-padding-x: 1.25rem;
    --zph-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --bs-table-border-color: var(--zph-lightblue);
    --bs-link-color-rgb: var(--zph-darkblue);
    --bs-link-hover-color-rgb: var(--zph-lightblue);

/*     .table-primary{
        --bs-table-striped-bg: var(--zph-lighterblue);
    }
 */
    /* Integration Bootstrap Colors */
    --bs-primary: var(--zph-darkblue);
    --bs-primary-rgb: 122, 1, 71;
    --bs-secondary: var(--zph-darkgrey);
    --bs-secondary-rgb: 146, 146, 146;
    --bs-info: var(--zph-lightblue);
    --bs-info-rgb: 202, 28, 72;
    --bs-light: var(--zph-lightgrey);
    --bs-light-rgb: 243, 242, 242;

    /* Links */
    --bs-link-color: var(--zph-darkblue);
    --bs-link-hover-color: var(--zph-lightblue);
    --bs-link-color-rgb: 122, 1, 71;

    /* breadcrumb */
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--zph-lightestgrey);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--zph-lightestgrey);

    /* dropdown menu */
    --bs-dropdown-link-hover-color: var(--zph-lightgrey);
    --bs-dropdown-link-hover-bg: var(--zph-lightblue);
    --bs-dropdown-link-active-color: var(--zph-lightgrey) !important;
    --bs-dropdown-link-active-bg: var(--zph-darkblue) !important;

    /* Accordion */
    --bs-accordion-bg: var(--zph-lightgrey);
    --bs-accordion-active-color: var(--zph-lightgrey);
    --bs-accordion-active-bg: var(--zph-darkblue);
    --bs-accordion-border-color: var(--zph-darkblue);
    --bs-accordion-btn-color: var(--zph-darkblue);

    /* Carousel */
    --bs-carousel-indicator-active-bg: var(--zph-darkblue);
    --bs-carousel-control-color: var(--zph-darkblue);

    /* Integration Bootstrap UI */
    --bs-body-font-family: var(--zph-font-family);
    --bs-border-radius: var(--zph-border-radius);
    --bs-border-radius-sm: var(--zph-border-radius-sm);
    --bs-border-color: var(--zph-darkgrey);

    /* Form specifics */
    --bs-form-check-input-checked-bg-color: var(--zph-darkblue);
    --bs-form-check-input-checked-border-color: var(--zph-darkblue);
    --bs-form-check-input-focus-border-color: var(--zph-darkblue);
    --bs-form-check-input-focus-box-shadow: 0 0 0 0.25rem rgba(167, 173, 195, 0.25);

    /* GLightBox        */
    --glightbox-content-bg: rgba(0, 0, 0, 0);
    
        /* Card Shadow        */
    --bs-box-shadow: 0 0.5rem 1rem var(--zph-darkblue40);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem var(--zph-darkblue40);
}