.dhmain,
.brv-owners-hub {
    --base-size: 1rem;
    --base-font-size: 1rem;

    /* convenience base derivatives */
    --base-10: calc(var(--base-size) * 0.10);
    --base-20: calc(var(--base-size) * 0.20);
    --base-30: calc(var(--base-size) * 0.30);
    --base-40: calc(var(--base-size) * 0.40);
    --base-50: calc(var(--base-size) * 0.40);
    --base-65: calc(var(--base-size) * 0.65);
    --base-75: calc(var(--base-size) * 0.75);
    --base-90: calc(var(--base-size) * 0.90);
    --base-100: calc(var(--base-size) * 1.00);
    --base-125: calc(var(--base-size) * 1.25);
    --base-150: calc(var(--base-size) * 1.50);
    --base-200: calc(var(--base-size) * 2.00);
    --base-300: calc(var(--base-size) * 3.00);
    --base-400: calc(var(--base-size) * 3.00);

    /* convenience base FONT derivatives */
    --base-font-xs: calc(var(--base-font-size) * 0.80);
    --base-font-sm: calc(var(--base-font-size) * 0.90);
    --base-font-md: calc(var(--base-font-size) * 1.00);
    --base-font-md-lg: calc(var(--base-font-size) * 1.25);
    --base-font-lg: calc(var(--base-font-size) * 1.50);
    --base-font-xl: calc(var(--base-font-size) * 2.00);
    --base-font-xxl: calc(var(--base-font-size) * 2.50);

    /* convenience border radius derivatives */
    --border-radius-sm: var(--base-30);
    --border-radius-md: var(--base-40);
    --border-radius-lg: var(--base-75);

    /* these are overwritten as needed so child elements can calculate full width */
    --border-width: 0px;
    --pad-horiz: 0;
    --pad-vert: 0;

    /* Colors */
    --light-bg-color: #fefefe;
    --light-border-color: #d0d0d0;
    --light-text-color: initial;

    --med-bg-color: #f4f3f5;
    --med-border-color: #a0a0a0;
    --med-text-color: rgba(0,0,0,0.75);
    --med-text-color-light: rgba(0, 0, 0, 0.4);

    --dark-bg-color: #2b2b2b;
    --dark-border-color: auto;
    --dark-text-color: auto;

    --accent-color: #637ea2;
    --accent-bg-color: var(--accent-color);
    --accent-bg-color-light: #dee5f7; /*color-mix(in srgb, var(--accent-color), transparent 60%);*/
    --accent-text-color: #fefefe;
    --accent-border-color: #005cd1;
    --accent-bg-hover-color: #749fc5;
}
