body {
    font-family: 'Poppins', sans-serif;
    background-color: #2C3B4D;
    color: #ffffff;
    /* ensures text is readable on dark background */
}

/* Optional: style tables for dark background */
table {
    background-color: #34495E;
    color: #ffffff;
}

table th {
    background-color: #1F2A38;
    color: #ffffff;
}

table tr:nth-child(even) {
    background-color: #2C3B4D;
}

table tr:nth-child(odd) {
    background-color: #3A4A5C;
}

/* Optional: buttons */
.xbtn-secondary {
    background-color: #7F8C8D;
    border-color: #7F8C8D;
}


.rig-text-dark-blue {
    color: var(--rig-color-dark-blue);
}

.rig-text-dark-blue-light {
    color: var(--rig-color-dark-blue-light);
    /* 70% opacity */
}


.nav-link {
    position: relative;
    color: var(--rig-color-dark-blue);
    transition: color 0.3s;
    font-weight: 600; /* semi-bold */
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    /* thickness of the underline bar */
    left: 0;
    bottom: 0;
    background-color: var(--rig-color-orange);
    transition: width 0.3s;
}

.nav-link:hover::after {
    width: 100%;
    /* expands full width on hover */
}


/* Optional: breadcrumb divider color */
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--rig-color-white);
    /* lighter for divider */
}

.breadcrumb-item a{
    color: var(--rig-color-white);
}

.breadcrumb-item.active{
    color: var(--rig-color-white);
}


.btn-orange {
    background-color: var(--rig-color-dark-orange);
    border-color: var(--rig-color-dark-orange);
    color: #fff; /* make text white for better contrast on hover */
    font-weight: 600; /* semi-bold */
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.btn-orange:hover {
    background-color: #ff9f3c; /* slightly darker shade of orange */
    border-color: #ff9f3c;
    color: #fff; /* make text white for better contrast on hover */
}