.focofy-section{--section-bg:var(--color-bg);--section-color:var(--color-text);--section-surface:var(--color-surface-2);--section-surface-alt:var(--color-surface-3);--section-border:var(--color-border-subtle);--section-muted:var(--color-text-muted);background:var(--section-bg);color:var(--section-color)}.focofy-section[data-bg="none"]{--section-bg:transparent;background:#fff0}.focofy-section[data-bg="light"]{--section-bg:var(--color-surface-1);--section-color:var(--color-text);--section-surface:var(--color-surface-2);--section-surface-alt:var(--color-surface-3);--section-border:var(--color-border-subtle);--section-muted:var(--color-text-muted);background:var(--color-surface-1);color:var(--color-text)}.focofy-section[data-bg="subtle"]{--section-bg:var(--color-surface-2);--section-color:var(--color-text);--section-surface:var(--color-surface-1);--section-surface-alt:var(--color-surface-3);--section-border:var(--color-border-subtle);--section-muted:var(--color-text-muted);background:var(--color-surface-2);color:var(--color-text)}.focofy-section[data-bg="dark"]{--section-bg:var(--gradient-dark);--section-color:var(--color-text-inverse);--section-surface:color-mix(in srgb, white 6%, transparent);--section-surface-alt:color-mix(in srgb, white 10%, transparent);--section-border:color-mix(in srgb, white 10%, transparent);--section-muted:color-mix(in srgb, white 60%, transparent);background:var(--gradient-dark);color:var(--color-text-inverse)}.focofy-section[data-bg="dark"] h1,.focofy-section[data-bg="dark"] h2,.focofy-section[data-bg="dark"] h3,.focofy-section[data-bg="dark"] h4{color:var(--color-text-inverse)}.focofy-section[data-bg="dark"] p,.focofy-section[data-bg="dark"] li{color:color-mix(in srgb,white 85%,transparent)}.focofy-section[data-bg="accent"]{--section-bg:var(--gradient-section-accent);--section-color:var(--color-text);--section-surface:color-mix(in srgb, white 70%, transparent);--section-surface-alt:color-mix(in srgb, white 50%, transparent);--section-border:var(--color-border-subtle);--section-muted:var(--color-text-muted);background:var(--gradient-section-accent);color:var(--color-text)}.focofy-section[data-bg="gradient"]{--section-bg:var(--gradient-hero);--section-color:var(--color-text);--section-surface:var(--color-surface-2);--section-surface-alt:var(--color-surface-3);--section-border:var(--color-border-subtle);--section-muted:var(--color-text-muted);background:var(--gradient-hero);color:var(--color-text)}.focofy-section[data-bg="primary"]{--section-bg:var(--color-accent);--section-color:var(--color-text-inverse);--section-surface:color-mix(in srgb, white 15%, transparent);--section-surface-alt:color-mix(in srgb, white 25%, transparent);--section-border:color-mix(in srgb, white 25%, transparent);--section-muted:color-mix(in srgb, white 75%, transparent);background:var(--color-accent);color:var(--color-text-inverse)}.focofy-section[data-bg="primary"] h1,.focofy-section[data-bg="primary"] h2,.focofy-section[data-bg="primary"] h3{color:var(--color-text-inverse)}.focofy-section{padding-block:var(--section-padding-y)}.focofy-section[data-spacing="compact"]{padding-block:var(--section-padding-y-sm)}.focofy-section[data-spacing="spacious"]{padding-block:calc(var(--section-padding-y) * 1.5)}.focofy-section .focofy-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.focofy-section[data-container="narrow"] .focofy-container{max-width:var(--container-narrow)}.focofy-section[data-container="wide"] .focofy-container{max-width:var(--container-wide)}.focofy-section:not([data-bg])+.focofy-section:not([data-bg]){background:var(--color-surface-2)}.focofy-section:not([data-bg])+.focofy-section:not([data-bg])+.focofy-section:not([data-bg]){background:var(--color-surface-1)}@media (max-width:767px){.focofy-section{padding-block:var(--section-padding-y-sm)}.focofy-section .focofy-container{padding-inline:var(--space-4)}}