:root{--color-primary: #78350f;--color-primary-dark: #451a03;--color-primary-light: #92400e;--color-accent: #fbbf24;--color-accent-light: #fcd34d;--color-bg-dark: #1c1917;--color-bg-dark-alt: #292524;--color-bg-card: #faf8f5;--color-bg-white: #ffffff;--color-bg-hover: rgba(120, 53, 15, .06);--color-border: #e7e0d8;--color-border-light: #d6d3d1;--color-text-primary: #1c1917;--color-text-light: #fafaf9;--color-text-muted: #a8a29e;--color-text-secondary: #78716c;--color-success: #166534;--color-success-bg: rgba(34, 197, 94, .15);--color-success-text: #4ade80;--color-error: #991b1b;--color-error-bg: rgba(239, 68, 68, .15);--color-error-text: #dc2626;--color-warning: #92400e;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-text: #fbbf24;--color-info: #1e40af;--color-info-bg: rgba(59, 130, 246, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-body: "DM Sans", sans-serif;--font-heading: "DM Serif Display", serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 28px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,button{min-height:44px;min-width:44px}button{padding:12px 16px}.grid-2,.grid-3{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}@media(pointer:coarse){button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}button{padding:12px 20px}}:focus-visible{outline:2px solid #1d6b3f;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}