:root {

    /* Core project colors */
    --bivb-color-primary: #2b504b;
    --bivb-color-secondary: #151a1c;
    --bivb-color-text: #151a1c;
    --bivb-color-accent: #f7a800;

    /* Core project content */
    --bivb-max-content-width: 1400px;
    --bivb-listing-aside-width: 19.5em;
    --bivb-sticky-offset: 4em;
    --bivb-content-layout-gap-mobile: 0.5em;
    --bivb-content-layout-gap-desktop: 1.25em;

    /* Extended palette */
    --bivb-color-primary-dark: #244540;
    --bivb-color-primary-darker: #1f3b37;
    --bivb-color-accent-dark: #d28f00;
    --bivb-color-white: #ffffff;
    --bivb-color-black: #000000;
    --bivb-color-black-soft: #111111;
    --bivb-color-surface: #ffffff;
    --bivb-color-surface-muted: #f2f2f2;
    --bivb-color-surface-soft: #e7e7e7;
    --bivb-color-surface-elevated: #e3e3e3;
    --bivb-color-neutral-600: #616161;
    --bivb-color-text-muted: #737373;
    --bivb-color-text-disabled: #a6a6a6;
    --bivb-color-text-meta: #585858;
    --bivb-color-control-placeholder: rgba(47, 43, 61, 0.4);
    --bivb-color-success: #10d690;
    --bivb-color-info: #294db5;
    --bivb-color-vermillon: #e44c38;
    --bivb-color-emeraude: #1a895a;
    --bivb-color-alert: #f73838;

    /* Borders */
    --bivb-color-border-soft: #dedede;
    --bivb-color-border-strong: #d8d8d8;
    --bivb-color-border-muted: #d9d9d9;
    --bivb-color-border-light: #e2e2e2;
    --bivb-color-border-subtle: #d7d7d7;
    --bivb-color-input-border: rgba(47, 43, 61, 0.22);
    --bivb-color-input-border-soft: #eaeaea;
    --bivb-color-border-black-20: rgba(0, 0, 0, 0.2);
    --bivb-color-border-inverse-50: rgba(255, 255, 255, 0.5);

    /* Text colors */
    --bivb-color-text-inverse: var(--bivb-color-white);
    --bivb-color-text-soft: rgba(0, 0, 0, 0.6);
    --bivb-color-text-inverse-strong: rgba(255, 255, 255, 0.96);
    --bivb-color-text-inverse-soft: rgba(255, 255, 255, 0.72);
    --bivb-color-text-inverse-muted: rgba(255, 255, 255, 0.78);
    --bivb-color-text-inverse-subtle: rgba(255, 255, 255, 0.7);

    /* Overlays and alpha colors */
    --bivb-color-overlay: rgba(0, 0, 0, 0.4);
    --bivb-color-overlay-soft: rgba(0, 0, 0, 0.34);
    --bivb-color-overlay-subtle: rgba(0, 0, 0, 0.18);
    --bivb-color-overlay-text-shadow: rgba(0, 0, 0, 0.25);
    --bivb-color-surface-disabled: rgba(166, 166, 166, 0.9);
    --bivb-color-border-inverse-soft: rgba(255, 255, 255, 0.16);
    --bivb-color-primary-alpha-08: rgba(43, 80, 75, 0.08);
    --bivb-color-primary-alpha-15: rgba(43, 80, 75, 0.15);
    --bivb-color-primary-alpha-18: rgba(43, 80, 75, 0.18);
    --bivb-color-accent-alpha-18: rgba(247, 168, 0, 0.18);

    /* Shadows */
    --bivb-shadow-color-black-05: rgba(0, 0, 0, 0.05);
    --bivb-shadow-color-black-08: rgba(0, 0, 0, 0.08);
    --bivb-shadow-color-black-12: rgba(0, 0, 0, 0.12);
    --bivb-shadow-color-black-16: rgba(0, 0, 0, 0.16);
    --bivb-shadow-color-black-20: rgba(0, 0, 0, 0.2);
    --bivb-shadow-color-primary-22: rgba(43, 80, 75, 0.22);

    /* Typography */
    --bivb-font-family-base: "Roboto";
    --bivb-font-family-base-stack: var(--bivb-font-family-base), sans-serif;

    --bivb-font-weight-light: 300;
    --bivb-font-weight-regular: 400;
    --bivb-font-weight-medium: 500;
    --bivb-font-weight-semibold: 600;
    --bivb-font-weight-bold: 700;

    /* Focus */
    --bivb-control-focus-width: 2px;
    --bivb-control-focus-offset: 3px;

    /* Shared button controls */
    --bivb-button-height-lg: 55px;
    --bivb-button-height-md: 46px;
    --bivb-button-height-sm: 35px;
    --bivb-button-font-size: 12px;
    --bivb-button-font-size-lg: 14px;
    --bivb-button-gap: 10px;
    --bivb-button-gap-wide: 20px;

    /* Shared form controls */
    --bivb-field-min-height: 40px;
    --bivb-field-padding-block: 7px;
    --bivb-field-padding-inline: 14px;
    --bivb-field-font-size: 15px;
    --bivb-field-line-height: 24px;
    --bivb-field-label-size: 13px;
    --bivb-field-label-size-prominent: 16px;
    --bivb-field-label-line-height: 15px;
    --bivb-field-textarea-min-height: 146px;

    /* Border radius */
    --bivb-radius-4: 4px;
    --bivb-radius-6: 6px;
    --bivb-radius-7: 7px;
    --bivb-radius-8: 8px;
    --bivb-radius-10: 10px;
    --bivb-radius-50: 50px;
    --bivb-radius-full: 999px;

    /* Gradient */
    --bivb-gradient-panel-image: linear-gradient(
        135deg,
        var(--bivb-color-primary-alpha-18),
        var(--bivb-color-accent-alpha-18)
    );
    --bivb-gradient-search-action: linear-gradient(
        100.18deg,
        #3e7d75 10.32%,
        #62b6ab 107.9%
    );
}