:root{--color-bg: #000;--color-fg: #fff;--color-fg-75: rgb(255 255 255 / .75);--color-fg-50: rgb(255 255 255 / .5);--color-fg-25: rgb(255 255 255 / .25);--color-fg-10: rgb(255 255 255 / .1);--color-fg-on-light: #0a0a0a;--color-accent: #00ff77;--color-accent-soft: #00ff66;--color-error: #ff6b6b;--color-focus-ring: var(--color-accent);--font-sans: "Manrope Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, monospace;--text-h1: 80px;--text-h2: 40px;--text-h3: 24px;--text-h4: 18px;--text-h5: 14px;--text-h6: 12px;--text-body: 16px;--text-small: 14px;--text-h1-xl: 104px;--text-h2-xl: 64px;--text-h3-xl: 32px;--text-h1-mobile: 60px;--text-h2-mobile: 32px;--text-h3-mobile: 20px;--tracking-h1: -4px;--tracking-h2: -1px;--tracking-h3: -.4px;--tracking-h1-xl: -2.7px;--tracking-h2-mobile: -1.2px;--tracking-h3-mobile: -.2px;--leading-h1: 1.25em;--leading-h2: 1.35em;--leading-h3: 1.5em;--leading-body: 1.75em;--leading-tight: 1;--weight-regular: 400;--weight-medium: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-section: 160px;--space-section-xl: 180px;--space-section-mobile: 120px;--container-max: 2080px;--container-max-xl: 2160px;--container-px: 80px;--container-px-xl: 120px;--container-px-tablet: 48px;--container-px-mobile: 24px;--grid-cols-default: 8;--grid-gap: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--motion-duration-1: .14s;--motion-duration-2: .28s;--motion-duration-3: .48s;--motion-ease-out: cubic-bezier(.22, 1, .36, 1);--motion-ease-in-out: cubic-bezier(.45, 0, .15, 1);--motion-reveal-duration: .55s;--z-base: 0;--z-content: 1;--z-overlay: 50;--z-header: 100;--z-modal: 200;--z-toast: 300;--color--white: var(--color-fg);--color--white-75: var(--color-fg-75);--color--white-50: var(--color-fg-50);--color--white-25: var(--color-fg-25);--color--white-10: var(--color-fg-10);--color--black: var(--color-bg);--color--green: var(--color-accent);--richtext-after-media-mt: var(--space-section)}@media screen and (min-width:1920px){:root{--richtext-after-media-mt: 180px}}@media screen and (max-width:991px){:root{--richtext-after-media-mt: 120px}}@media screen and (max-width:767px){:root{--richtext-after-media-mt: 80px}}
