:root {
    --font-size-sm: 12px;
    --font-size: 14px; /* default */
    --font-size-lg: 16px;

    /* spacing for margin, padding, etc */
    --spacing-xs: 0.875rem;
    --spacing-sm: 1rem;
    --spacing: 1.3rem; /* default */
    --spacing-lg: 1.5rem;

    /* text */
    --text-muted: #757575;

    /* background */
    --bg-primary: var(--box-bg);
    --bg-secondary: var(--box-bg);

    --_qui-cologne-header-height: 100px;
    --_qui-template-scrollMarginTop: var(--qui-template-scrollMarginTop, var(--_qui-cologne-header-height));

    --_qui-cologne-theme-border-color: var(--border-color-dark);
    --_qui-cologne-theme-border-width: var(--qui-cologne-theme-border-width, 1px);

    /* Template cologne */
    --box-bg: rgba(26, 26, 26, 0.4);
    --border-color: #888;
    --font-color: #9f9f9f;
    --main-color: #bc9152;
    --border-color-dark: #484848;
    --main-color-dark: #9f7b54;
    --border-color-darkest: #161616;
    --main-color-light: #d8a65c;
    --bg-dark: #111;
    --texture-image-1: url(/media/cache/WalkingFamily/background/texture01__500.webp);
    --texture-image-2: url(/media/cache/WalkingFamily/background/texture02__700.webp);

    /* ecoyn / ecommerce */
    --_qui-order-basket-articles-image-width: var(--qui-order-basket-articles-image-width, 100px);
    --_qui-order-basket-articles-image-height: var(--qui-order-basket-articles-image-height, 100px);
    --_qui-order-articles-image-width: var(--qui-order-articles-image-width, 100px);
    --_qui-order-articles-image-height: var(--qui-order-articles-image-height, 100px);
}