/* PUMOXY visual system: bauhaus */
:root {
    --px-color-bg: #f7f2e8;
    --px-color-surface: #ffffff;
    --px-color-text: #111111;
    --px-color-muted: #565656;
    --px-color-border: #111111;
    --px-color-accent: #e0b000;
    --px-color-accent-contrast: #111111;

    --px-font-base: Helvetica, Arial, sans-serif;
    --px-font-heading: Helvetica, Arial, sans-serif;

    --px-space-2xs: 0.25rem;
    --px-space-xs: 0.5rem;
    --px-space-sm: 1rem;
    --px-space-md: 1.5rem;
    --px-space-lg: 2.5rem;
    --px-space-xl: 4rem;
    --px-space-2xl: 6rem;

    --px-container: 1120px;
    --px-content: 760px;
    --px-radius-sm: 0;
    --px-radius-md: 0;
    --px-border-width: 2px;
    --px-shadow-soft: 8px 8px 0 #111111;
}