:root {--font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--spacing: 1px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-3xs: 256px;--container-2xs: 288px;--container-xs: 320px;--container-sm: 384px;--container-md: 448px;--container-lg: 512px;--container-xl: 576px;--container-2xl: 672px;--container-3xl: 768px;--container-4xl: 896px;--container-5xl: 1024px;--container-6xl: 1152px;--container-7xl: 1280px;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tighter: -0.05em;--tracking-tight: -0.025em;--tracking-normal: 0em;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--tracking-widest: 0.1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-4xl: 32px;--shadow-2xs: 0 1px rgb(0 0 0 / 0.05);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);--inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);--inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);--drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);--drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);--drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);--text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);--text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);--text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);--text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);--text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--animate-bounce: bounce 1s infinite;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--perspective-dramatic: 100px;--perspective-near: 300px;--perspective-normal: 500px;--perspective-midrange: 800px;--perspective-distant: 1200px;--aspect-video: 16 / 9;--default-transition-duration: 150ms;--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--blur: 8px;--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);--radius: 4px;--max-width-prose: 65ch;--color-primary: #401f4c;--color-secondary: #E1d7cd;--color-off-light: #E0E0E0;--color-light: #FFF;--color-dark: #000000;--text-fluid-text-xl: clamp(3.4375rem, 2.2768rem + 5.8036vw, 7.5rem);--text-fluid-text-lg: clamp(2.5rem, 2.3571rem + 0.7143vw, 3rem);--text-fluid-text-md: clamp(1.25rem, 1.0357rem + 1.0714vw, 2rem);--text-fluid-text-sm: clamp(1.25rem, 1.2143rem + 0.1786vw, 1.375rem);--text-fluid-text-s: 18px;--text-fluid-text-base: 16px;--text-fluid-text-xs: 12px;--color-gray: #333;--color-gray-lighter: #666666;--color-off-dark: #0f0f0f;--color-transparent: rgba(255, 255, 255, 0.12);--color-accent: #bc8d45;--color-blue: #C8A2C8;}