:root {
    --brand-primary: #fc6d20;
    --brand-primary-dark: #d94f0a;
    --brand-primary-hover: #e85f14;
    --brand-primary-light: #ff9a63;
    --brand-on-primary: #fff;
    --brand-primary-gradient: linear-gradient(120deg, #fc6d20 0%, #ff4400 100%);

    --page-background: #fff;
    --surface-background: #fff;
    --surface-muted-background: #f4f4f4;
    --surface-border: rgba(22, 22, 22, .1);
    --text-color: #161616;
    --text-muted: #6f6f6f;
    --link-color: #d94f0a;
    --link-hover-color: #fc6d20;

    --navigation-height: 89px;
    --navigation-logo-width: 112px;
    --navigation-logo-height: 54px;
    --navigation-background: #fff;
    --navigation-text: #161616;
    --navigation-border: rgba(22, 22, 22, .08);
    --navigation-hover-background: rgba(252, 109, 32, .1);
    --navigation-hover-text: #d94f0a;
    --navigation-cta-background: var(--brand-primary-gradient);
    --navigation-cta-hover-background: var(--brand-primary-hover);
    --navigation-cta-text: #fff;
    --account-background: var(--navigation-cta-background);
    --account-hover-background: var(--navigation-cta-hover-background);

    --top-header-background: #fff;
    --top-header-accent-background: #fc6d20;
    --top-header-text-color: #161616;
    --header-login-link-hover: #d94f0a;
    --header-panel-background: #161616;
    --header-panel-text: #fff;
    --heading-background: #161616;
    --heading-text: #fff;
    --heading-border: rgba(255, 255, 255, .12);
    --heading-padding-y: 1rem;

    --footer-background: #161616;
    --footer-text: rgba(255, 255, 255, .88);
    --footer-heading: #fc6d20;
    --footer-muted-text: rgba(255, 255, 255, .62);
    --footer-link: rgba(255, 255, 255, .88);
    --footer-link-hover: #fc6d20;
    --footer-border: rgba(255, 255, 255, .14);

    --contact-background: #161616;
    --contact-text: #fff;
    --contact-muted-text: rgba(255, 255, 255, .78);

    --side-nav-width: 280px;
    --side-nav-collapsed-width: 68px;
    --side-nav-background: #fff;
    --side-nav-header-background: #f5f2ee;
    --side-nav-card-background: #fff7f2;
    --side-nav-text: #27221f;
    --side-nav-border: #e8ddd5;
    --side-nav-control-background: #eee9e4;
    --side-nav-hover-background: rgba(252, 109, 32, .1);
    --side-nav-hover-text: #d94f0a;
    --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: #fc6d20;
    --button-primary-border: #fc6d20;
    --button-primary-hover-background: #e85f14;
    --button-primary-hover-border: #e85f14;
    --button-primary-text: #fff;
    --button-default-background: #4f4f4f;
    --button-default-border: #4f4f4f;
    --button-default-hover-background: #333;
    --button-default-hover-border: #333;

    --control-radius: 8px;
    --panel-radius: 16px;
    --panel-shadow: 0 12px 32px rgba(22, 22, 22, .12);
    --sticky-shadow: 0 3px 18px rgba(22, 22, 22, .08);
    --dropdown-border: rgba(22, 22, 22, .12);

    --modal-header-background: #161616;
    --modal-header-text: #fff;
    --info-background: #fff3ec;
    --info-text: #78310d;
    --info-border: rgba(252, 109, 32, .28);
    --warning-background: #fff8e6;
    --warning-text: #684600;
    --warning-border: #f1c56b;
    --warning-accent: #d88a00;
    --danger-color: #c93f2d;
    --danger-background: #fff0ed;
    --danger-text: #78281f;
    --danger-border: #efc0b8;
    --notification-item-background: #262626;

    --table-row-odd-background: rgba(22, 22, 22, .025);
    --table-row-even-background: #fff;
    --table-row-hover-background: #fff3ec;
    --table-row-selected-background: #ffe1d1;
    --table-row-selected-text: #161616;

    --shipment-primary: #fc6d20;
    --shipment-primary-hover: #e85f14;
    --shipment-primary-hover-strong: rgba(232, 95, 20, .84);
    --shipment-primary-gradient: linear-gradient(120deg, #fc6d20 0%, #ff4400 100%);
    --shipment-primary-shadow: rgba(252, 109, 32, .38);
    --shipment-on-primary: #fff;
    --shipment-selection-background: #161616;
    --shipment-hover-border: #fc6d20;
    --shipment-panel-background: #f4f4f4;
    --shipment-panel-text: #161616;
}