:root{--green-50: #e8f0ed;--green-100: #c4d9d0;--green-200: #8db8a8;--green-300: #5a9179;--green-400: #3d6657;--green-500: #2d4a3e;--green-600: #1f3329;--green-700: #131f19;--cream-50: #fdfcf9;--cream-100: #f8f4ed;--cream-200: #efebe1;--cream-300: #e3ddd3;--cream-400: #d0c9be;--cream-500: #b5ada1;--ink-50: #f4f4f5;--ink-100: #e0e0e2;--ink-200: #c2c2c6;--ink-300: #a0a0a6;--ink-400: #7e7e86;--ink-500: #5c5c66;--ink-600: #3f3f46;--ink-700: #2c2c33;--ink-800: #1c1c22;--ink-900: #111118;--color-bg: var(--cream-200);--color-bg-elevated: var(--cream-100);--color-bg-subtle: var(--cream-300);--color-bg-dark: var(--ink-900);--color-bg-green: var(--green-50);--color-brand: var(--green-500);--color-brand-hover: var(--green-600);--color-brand-light: var(--green-300);--color-brand-subtle: var(--green-50);--color-text-primary: var(--ink-900);--color-text-secondary: var(--ink-500);--color-text-tertiary: var(--ink-400);--color-text-inverted: var(--cream-100);--color-text-brand: var(--green-500);--color-border: var(--ink-100);--color-border-medium: var(--ink-200);--color-border-strong: var(--ink-300);--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--space-12: 80px;--space-16: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 4px rgba(17, 17, 24, .06);--shadow-md: 0 4px 16px rgba(17, 17, 24, .09);--shadow-lg: 0 12px 40px rgba(17, 17, 24, .12);--shadow-xl: 0 24px 64px rgba(17, 17, 24, .16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}.bg-cream{background-color:var(--cream-200)}.bg-cream-light{background-color:var(--cream-100)}.bg-cream-dark{background-color:var(--cream-300)}.bg-green{background-color:var(--green-500)}.bg-green-light{background-color:var(--green-50)}.bg-dark{background-color:var(--ink-900)}.text-primary{color:var(--ink-900)}.text-secondary{color:var(--ink-500)}.text-tertiary{color:var(--ink-400)}.text-brand{color:var(--green-500)}.text-inverted{color:var(--cream-100)}.border{border:1px solid var(--ink-100)}.border-medium{border:1px solid var(--ink-200)}.border-green{border:1px solid var(--green-300)}