:root {--min-screen-width: 320px;--max-screen-width: 1920px;--header-pad-y: var(--space-3xs);--header-height: calc((var(--header-pad-y) * 2) + var(--logo-height));--logo-height: 50px;--oxd: #601814;--brand-green: #323f18;--babypink: #f9cee1;--dark: #1d1d1d;--light: #f5f5f5;--white: #ffffff;--success: #00942f;--error: hsl(351, 95%, 56%);--color-bg-primary: var(--light);--color-bg-secondary: var(--light1);--color-bg-surface: #ffffff;--color-text-primary: var(--dark);--color-text-secondary: rgba(0, 0, 0, 0.7);--color-text-muted: rgba(0, 0, 0, 0.5);--color-link: var(--blued);--color-link-hover: var(--oxd);--text-2xs: clamp(1.02rem, -0.02vw + 1.03rem, 1.2rem);--text-xs: clamp(1.28rem, 0.12vw + 1.24rem, 1.6rem);--text-s: clamp(1.6rem, 0.31vw + 1.5rem, 2.1rem);--text-m: clamp(2.0rem, 0.53vw + 1.83rem, 2.85rem);--text-l: clamp(2.5rem, 1.06vw + 2.16rem, 4.2rem);--text-xl: clamp(3.13rem, 1.79vw + 2.56rem, 6.0rem);--text-2xl: clamp(3.91rem, 2.87vw + 2.99rem, 8.5rem);--text-3xl: clamp(4.88rem, 4.45vw + 3.46rem, 12.0rem);--lh-none: 1;--lh-tight: 1.15;--lh-snug: 1.25;--lh-normal: 1.4;--lh-relaxed: 1.6;--lh-loose: 1.8;--space-3xs: 0.8rem;--space-2xs: clamp(1.28rem, -0.2vw + 1.34rem, 1.06rem);--space-xs: clamp(1.6rem, -0.09vw + 1.63rem, 1.5rem);--space-s: clamp(2rem, 0.11vw + 1.96rem, 2.12rem);--space-m: clamp(2.5rem, 0.45vw + 2.36rem, 3rem);--space-l: clamp(3.13rem, 1vw + 2.81rem, 4.3rem);--space-xl: clamp(3.91rem, 1.87vw + 3.31rem, 6.2rem);--space-2xl: clamp(4.88rem, 3.21vw + 3.85rem, 9.2rem);--space-3xl: clamp(6.1rem, 5.26vw + 4.42rem, 13.5rem);--space-4xl: clamp(7.63rem, 8.33vw + 4.96rem, 18.5rem);--section-card-pad-y: var(--space-xl);--section-card-pad-x: var(--space-m);--section-card-gap: var(--space-l);--item-card-pad: var(--space-m);--item-card-gap: var(--space-xs);--mbn-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);--mbn-radius: var(--radius-m);--container-xs: 32rem;--container-s: 48rem;--container-m: 64rem;--container-l: 96rem;--container-xl: 120rem;--container-xxl: 144rem;--reading-max-width: 60ch;--columns-1: repeat(1, minmax(0, 1fr));--columns-2: repeat(2, minmax(0, 1fr));--columns-3: repeat(3, minmax(0, 1fr));--columns-4: repeat(4, minmax(0, 1fr));--columns-5: repeat(5, minmax(0, 1fr));--columns-6: repeat(6, minmax(0, 1fr));--columns-7: repeat(7, minmax(0, 1fr));--columns-8: repeat(8, minmax(0, 1fr));--columns-9: repeat(9, minmax(0, 1fr));--columns-10: repeat(10, minmax(0, 1fr));--columns-11: repeat(11, minmax(0, 1fr));--columns-12: repeat(12, minmax(0, 1fr));--grid-auto-min: 24rem;--radius-none: 0;--radius-xs: 0.25rem;--radius-s: 0.5rem;--radius-m: 0.75rem;--radius-l: 1rem;--radius-xl: 1.5rem;--radius-pill: 9999px;--radius-circle: 50%;--border-width-hairline: 1px;--border-width-thin: 1.5px;--border-width-normal: 2px;--border-color-light: rgba(0, 0, 0, 0.08);--border-color-default: rgba(0, 0, 0, 0.12);--border-color-strong: rgba(0, 0, 0, 0.4);--border-color-focus: var(--brand-green);--border-color-error: var(--error);--border-color-success: var(--success);--shadow-xs: 0 2px 4px rgba(0, 0, 0, 0.06);--shadow-s: 0 4px 8px rgba(0, 0, 0, 0.08);--shadow-m: 0 8px 16px rgba(0, 0, 0, 0.12);--shadow-l: 0 16px 32px rgba(0, 0, 0, 0.16);--shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.2);--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--duration-instant: 0.1s;--duration-fast: 0.2s;--duration-normal: 0.35s;--duration-slow: 0.6s;--opacity-disabled: 0.5;}