:root {
    --brand-primary: #097e35;
    --brand-primary-dark: #07652b;
    --brand-primary-hover: #0b9340;
    --brand-primary-light: #87d26b;
    --brand-on-primary: #fff;
    --brand-primary-gradient: linear-gradient(90deg, #87d26b 0%, #097e35 100%);

    --page-background: #fff;
    --surface-background: #fff;
    --surface-muted-background: #eef3ef;
    --surface-border: #dce5df;
    --text-color: #243029;
    --text-muted: #6c757d;
    --link-color: #31523e;
    --link-hover-color: #097e35;

    --navigation-height: 100px;
    --navigation-logo-width: 190px;
    --navigation-logo-height: 70px;
    --navigation-background: #000;
    --navigation-text: #fff;
    --navigation-border: transparent;
    --navigation-hover-background: transparent;
    --navigation-hover-text: #ccc;
    --navigation-cta-background: var(--brand-primary-gradient);
    --navigation-cta-hover-background: var(--brand-primary-hover);
    --navigation-cta-text: var(--brand-on-primary);
    --account-background: var(--brand-primary-gradient);
    --account-hover-background: var(--brand-primary-hover);

    --top-header-background: var(--navigation-background);
    --top-header-accent-background: var(--brand-primary);
    --top-header-text-color: #fff;
    --header-login-link-hover: var(--brand-primary-light);
    --header-panel-background: #4f656c;
    --header-panel-text: #fff;
    --heading-background: var(--navigation-background);
    --heading-text: var(--navigation-text);
    --heading-border: transparent;
    --heading-padding-y: 1rem;

    --footer-background: #000;
    --footer-text: #d8ded9;
    --footer-heading: #fff;
    --footer-muted-text: #8d9b92;
    --footer-link: #d8ded9;
    --footer-link-hover: #87d26b;
    --footer-border: rgba(135, 210, 107, .28);

    --contact-background: #fff;
    --contact-text: #243029;
    --contact-muted-text: #66726a;

    --side-nav-width: 270px;
    --side-nav-collapsed-width: 66px;
    --side-nav-background: #fff;
    --side-nav-header-background: #f3f3f3;
    --side-nav-card-background: #f5f5f5;
    --side-nav-text: #333;
    --side-nav-border: #d9d9d9;
    --side-nav-control-background: #e8e8e8;
    --side-nav-hover-background: #eef6f0;
    --side-nav-hover-text: #07652b;
    --side-nav-active-background: var(--navigation-cta-background);
    --side-nav-active-text: var(--navigation-cta-text);
    --side-nav-badge-background: var(--navigation-cta-background);
    --side-nav-badge-text: var(--navigation-cta-text);
    --side-nav-quick-action-background: var(--navigation-cta-background);
    --side-nav-quick-action-hover-background: var(--navigation-cta-hover-background);

    --button-primary-background: #097e35;
    --button-primary-border: #097e35;
    --button-primary-hover-background: #07652b;
    --button-primary-hover-border: #07652b;
    --button-primary-text: #fff;
    --button-default-background: #6c757d;
    --button-default-border: #6c757d;
    --button-default-hover-background: #5a6268;
    --button-default-hover-border: #545b62;

    --control-radius: 10px;
    --panel-radius: 14px;
    --panel-shadow: 0 16px 45px rgba(20, 37, 27, .16);
    --sticky-shadow: none;
    --dropdown-border: #dce5df;

    --modal-header-background: #097e35;
    --modal-header-text: #fff;
    --info-background: #eaf4ff;
    --info-text: #17476d;
    --info-border: #bddcf3;
    --danger-color: #c0392b;
    --danger-background: #fff0ed;
    --danger-text: #78281f;
    --danger-border: #efc0b8;

    --warning-background: #fcf8e3;
    --warning-text: #8a6d3b;
    --warning-border: #ffc03e;
    --warning-accent: #c88700;
    --notification-item-background: #111714;

    --table-row-odd-background: rgba(9, 126, 53, .035);
    --table-row-even-background: #fff;
    --table-row-hover-background: #eef6f0;
    --table-row-selected-background: #dcefe2;
    --table-row-selected-text: #243029;

    --shipment-primary: #097e35;
    --shipment-primary-hover: #0b9340;
    --shipment-primary-hover-strong: rgba(9, 126, 53, .8);
    --shipment-primary-gradient: linear-gradient(90deg, #87d26b 0%, #097e35 100%);
    --shipment-primary-shadow: rgba(9, 126, 53, .45);
    --shipment-on-primary: #fff;
    --shipment-selection-background: #111714;
    --shipment-hover-border: #0b9340;
    --shipment-panel-background: #f5f5f5;
    --shipment-panel-text: #000;
}