/* VALTERRA PLATINUM – OFFICIAL MAY 2025 BRAND */
/* Primary Colours */
:root {
    --valterra-green: #00757a;
    --valterra-green-80: #009ea4;
    --valterra-green-60: #00c7ce;
    --valterra-green-40: #33d4db;
    --valterra-green-20: #99e9ed;
    --platinum: #73929b;
    --platinum-80: #8ca6ae;
    --platinum-60: #a5b9c1;
    --platinum-40: #becdd4;
    --platinum-20: #d7e0e6;
    --navy: #001c48;
    --white: #ffffff;
}

/* Keep your existing imports */
@import url("../colours.css");
@import url("../webkit/_webkit.css");
@import url("../AAStyle_Modals.css");
@import url("../AAStyle_Misc.css");
@import url("../AAStyle_Tables.css");
@import url("../AAStyle_Notifications.css");
@import url("./custom_notifications/AAStyle_Custom_Notification.css");

/* STRUCTURE */
html, body {
    font-family: Arial, 'AA Smart Sans', sans-serif !important;
    background: var(--white) !important;
    color: var(--navy) !important;
    height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

content {
    flex: 1 !important;
}

/* TYPOGRAPHY – Navy text */
h1, h2, h3, h4, h5, h6, p, .subtitle1, .subtitle2, .subtitle3, .caption, .text-bold {
    color: var(--navy) !important;
}

.text-muted {
    color: var(--platinum) !important;
}

/* NAVBAR – White with Valterra Green accent */
.navbar {
    background-color: var(--white) !important;
    border-bottom: 3px solid var(--valterra-green) !important;
    box-shadow: 0 4px 12px rgba(0, 117, 126, 0.1) !important;
}

.navbar-nav .nav-link {
    color: var(--navy) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active {
        color: var(--valterra-green) !important;
    }

/* BUTTONS – Valterra Green primary */
.btn-primary,
.btn-upload,
.btn_primary_2 {
    background-color: var(--valterra-green) !important;
    border-color: var(--valterra-green) !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
}

    .btn-primary:hover,
    .btn-upload:hover {
        background-color: var(--valterra-green-80) !important;
        border-color: var(--valterra-green-80) !important;
    }

.btn-outline-primary {
    color: var(--valterra-green) !important;
    border-color: var(--valterra-green) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--valterra-green) !important;
        color: white !important;
    }

/* CARDS & TABLES */
.card {
    background: var(--white) !important;
    border: 1px solid var(--platinum-40) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(115, 146, 155, 0.08) !important;
}

.table thead {
    background-color: var(--valterra-green) !important;
    color: white !important;
}

.table-hover tbody tr:hover {
    background-color: var(--platinum-20) !important;
}

/* LINKS */
a {
    color: var(--valterra-green);
}

    a:hover {
        color: var(--valterra-green-80);
    }

/* FOOTER */
footer {
    background-color: var(--platinum-20) !important;
    color: var(--navy) !important;
    border-top: 1px solid var(--platinum-40);
}