:root {
    /* Colors */
    /*--focus-color-bg: #ededed;*/
    --focus-color-surface: var(--neutral-fill-layer-alt-rest);
    --focus-color-accent: var(--accent-fill-rest);
    --focus-color-secondary: var(--neutral-fill-secondary-rest);
    --focus-color-error: rgb(188 47 50);
    --focus-color-success: rgb(14 112 14);
    --focus-color-bg: #f4f4f4;
    --focus-color-bg-button: var(--neutral-stroke-rest);
    /*--focus-color-bg-header: var(--neutral-fill-layer-alt-rest);*/
    --focus-color-bg-header: var(--focus-color-bg);
    --focus-border-color: var(--neutral-stroke-hover);
    /* Spacing */
    --space-xs: 6px;
    --space-sm: 12px;
    --space-md: 16px;
    /* Layout */
    --header-height: 130px;
    --focus-border: 1px solid var(--focus-border-color);
    --focus-box-shadow: 0px 1px 0px 0px #d0d0d0, 1px 0px 0px 0px #d5d5d5;
    /* Fluent Bridge */
    --border: calc(var(--stroke-width) * 1px) solid var(--focus-border-color);
    --radius: calc(var(--control-corner-radius) * 1px);
    --focus-border-radius: 16px;
    /*    --focus-stroke-width: 1px;
    --focus-stroke-outer: var(--focus-color-accent);*/
}