/* PUMOXY visual system: default */
:root {
    --px-color-bg: #ffffff;
    --px-color-surface: #f7f7f7;
    --px-color-text: #111111;
    --px-color-muted: #666666;
    --px-color-border: #d9d9d9;
    --px-color-accent: #111111;
    --px-color-accent-contrast: #ffffff;

    --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: 1px;
    --px-shadow-soft: none;
}