:root{--surface: #FFF8F4;--surface-low: #FFF1E5;--surface-container: #FDEBD9;--surface-high: #F7E5D4;--surface-highest: #F1E0CE;--surface-white: #FFFFFF;--on-surface: #231A0F;--on-surface-var: #5A4138;--outline: #8E7066;--outline-var: #E3BFB3;--primary: #A53700;--primary-bright: #CE4600;--primary-container: #FFDBCF;--primary-dim: #FFB59B;--secondary: #6F5B47;--secondary-container:#FADEC5;--inverse-surface: #392F23;--shadow-warm: rgba(35,26,15,.06);--border-card: rgba(165,55,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,sans-serif;background:var(--surface);color:var(--on-surface);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-family:Metropolis,Inter,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.soft-shadow{box-shadow:0 8px 24px var(--shadow-warm)}.card-border{border:1px solid var(--border-card)}