/* Generated by Core Framework's official CSS engine.
 * Upstream: CoreBunch/Core-Framework @ 0d3627e3374244d85c4706036048c48931c73528
 * Source: design-system/parlourbox.core.json - run npm run build:core
 * MIT license: assets/Core-Framework-LICENSE.txt
 */
:root {
    --cf-espresso: #302010;
    --cf-ink: #28231f;
    --cf-gold: #875c28;
    --cf-sand: #d9c4a7;
    --cf-cream: #f7f5f0;
    --cf-muted: #716a63;
    --cf-line: #e6e1d8;
    --cf-white: #fff;
    --cf-font-base: 1.125rem;
    --cf-type-ratio: 1.25;
    --cf-text-xs: .875rem;
    --cf-text-sm: 1rem;
    --cf-text-base: var(--cf-font-base);
    --cf-text-lg: calc(var(--cf-text-base) * var(--cf-type-ratio));
    --cf-text-xl: calc(var(--cf-text-lg) * var(--cf-type-ratio));
    --cf-text-2xl: calc(var(--cf-text-xl) * var(--cf-type-ratio));
    --cf-text-3xl: calc(var(--cf-text-2xl) * var(--cf-type-ratio));
    --cf-text-4xl: calc(var(--cf-text-3xl) * var(--cf-type-ratio));
    --cf-text-5xl: calc(var(--cf-text-4xl) * var(--cf-type-ratio));
    --cf-space-2xs: 0.25rem;
    --cf-space-xs: 0.5rem;
    --cf-space-s: 0.75rem;
    --cf-space-m: 1rem;
    --cf-space-l: 1.5rem;
    --cf-space-xl: 2rem;
    --cf-space-2xl: 3rem;
    --cf-space-3xl: 4rem;
    --cf-section-space: 6.875rem;
    --cf-section-space-mobile: 4.0625rem;
    --cf-content-width: 72.5rem;
    --cf-outer-width: 90rem;
    --cf-radius: 1rem;
    --cf-radius-card: .5rem;
    --cf-radius-button: .25rem;
}
.cf-grid {
    display: grid;
}
.cf-flex {
    display: flex;
}