:root {
    /* Brand Primary */
    --brand-primary: #007e45;
    --brand-primary-hover: #215515;
    --brand-primary-text: #ffffff;

    /* Brand Secondary */
    --brand-secondary: #004b40;
    --brand-secondary-hover: #003a30;
    --brand-secondary-text: #ffffff;

    /* Brand Danger */
    --brand-danger: #da1e28;
    --brand-danger-hover: #a2191f;
    --brand-danger-text: #ffffff;

    /* Neutral UI Colors */
    --ui-light: #f4f4f4;
    --ui-dark: #161616;
    --ui-white: #ffffff;
    --ui-border: #dcdcdc;
    --ui-page-bg: rgb(242, 245, 246);
    --ui-shadow-light: rgba(0, 0, 0, 0.08);

    /* Text */
    --text-dark: #333;
    --text-medium: #666666;
    --text-light: #ffffff;
    --text-muted: rgba(0, 0, 0, 0.7);
    --text-link: #007e45;

    /* Components */
    --nav-bg: #000000;
    --nav-text: #ffffff;
    --nav-hover-bg: #00D639;
    --table-header-bg: #335b70;
    --table-header-text: #ffffff;
    --footer-bg: #000000;
    --footer-text: #ffffff;

    /* Status Pills */
    --status-success-bg: #008a21;
    --status-success-text: #ffffff;
    --status-unknown-bg: #335b70;
    --status-unknown-text: #ffffff;
    --status-failed-bg: #cb374a;
    --status-failed-text: #ffffff;
    --status-warning-bg: #ef6700; /* Used for notifications */

    /* Form Fields */
    --field-border-radius: 4px;
    --field-border-color: #668494;
    --link-focus-shadow: 0px 0px 0px 3px #ffb500, 0px 0px 0px 6px #000000;
    --label-font-size: 14px;
    --label-font-weight: 500;
}

/* Sage Font Faces */
@font-face {
    font-family: 'Sage UI';
    src: url('fonts/SAGE_UI-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Sage UI';
    src: url('fonts/SAGE_UI-MEDIUM.TTF') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Sage UI';
    src: url('fonts/SAGE_UI-BOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}