:root {
    --alignvu-font: "sofia-pro-soft";
    --alignvu-h1-font-size: 20px;
    --alignvu-h2-font-size: 16px;
    --alignvu-title-font-size: 14px;
    --alignvu-subtitle-font-size: 12px;

    --alignvu-alignify-grey: #59595B;
    --alignvu-darkest-grey: #424242;
    --alignvu-dark-grey: #7A7A7C;
    --alignvu-mid-grey: #9B9B9D;
    --alignvu-light-grey: #BDBDBD;
    --alignvu-pale-grey: #DEDEDE;
    --alignvu-pale-grey-35: #DEDEDE59;

    --alignvu-white: #FFFFFF;

    --alignvu-green: #A8D973;
    --alignvu-alt-green: #BEE396;
    --alignvu-amber: #E47542;
    --alignvu-red: #CF4F55;

    --alignvu-background: #F3F6F5;
    --alignvu-text: #59595B;
    --alignvu-alt-text: #BDBDBD;
    --alignvu-alt-text-nav: #7A7A7C;
    --alignvu-purple: #965A9C;

    --alignvu-red-tint: #E7A7AA;
    --alignvu-orange-tint: #F1BAA1;
    --alignvu-orange-tint-80: #f1baa1cf;
    --alignvu-gold-yellow: #ffc000;
    --alignvu-yellow: #F5E299;
    --alignvu-yellow-80: #F5E299CC;
    --alignvu-purple-tint: #CBADCD;

    --alignvu-unmapped: #A9B7B3;

    --alignvu-added: var(--alignvu-green);
    --alignvu-changed: var(--alignvu-amber);
    --alignvu-removed: var(--alignvu-red);
    --alignvu-deduped: var(--alignvu-purple);
    --alignvu-offset: #6aacca;
    --alignvu-offset-tint: #97c5da;

    --alignvu-link-hover: var(--alignvu-pale-grey-35);

    --alignvu-missing-fields: var(--alignvu-red-tint);
    --alignvu-alternative-fields: var(--alignvu-orange-tint);
}