:root {
    /* Brand */
    --kb-porcelain: #F7EEE9;
    --kb-ink: #1F1919;
    --kb-bordeaux: #662C3A;
    --kb-gold: #B08F47;

    /* Typography */
    --kb-font-display: "Raleway", sans-serif;
    --kb-font-body: "Montserrat", sans-serif;

    /* Layout */
    --kb-content-width: 1140px;

    /* Spacing */
    --kb-space-xs: 8px;
    --kb-space-s: 16px;
    --kb-space-m: 24px;
    --kb-space-l: 32px;
    --kb-space-xl: 48px;
    --kb-space-major: 64px;

    --kb-section-space-desktop: 100px;
    --kb-section-space-tablet: 80px;
    --kb-section-space-mobile: 64px;

    --kb-grid-gap-desktop: 24px;
    --kb-grid-gap-mobile: 16px;

    /* Borders */
    --kb-radius: 0px;
    --kb-border: 1px solid rgba(31, 25, 25, 0.16);
    --kb-border-accent: 1px solid rgba(102, 44, 58, 0.30);

    /* Motion */
    --kb-transition-ui: 300ms ease;
    --kb-transition-editorial: 600ms ease;
}