:root{--tea-brown: #8B4513;--tea-light: #D2691E;--tea-cream: #FFF8F0;--tea-warm: #FAEBD7;--snack-orange: #E8720C;--snack-gold: #F5A623;--code-green: #2D6B4F;--code-teal: #1A8A6A;--dark-text: #2C1810;--body-text: #5C4033;--muted-text: #8B7355;--white: #FFFFFF;--off-white: #FFFCF8;--border: rgba(139, 69, 19, .1);--shadow-sm: 0 2px 8px rgba(139, 69, 19, .06);--shadow-md: 0 8px 30px rgba(139, 69, 19, .1);--shadow-lg: 0 20px 50px rgba(139, 69, 19, .12);--gradient-tea: linear-gradient(135deg, #8B4513 0%, #D2691E 100%);--gradient-snack: linear-gradient(135deg, #E8720C 0%, #F5A623 100%);--gradient-code: linear-gradient(135deg, #2D6B4F 0%, #1A8A6A 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--white);color:var(--body-text);overflow-x:hidden;line-height:1.75;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:var(--dark-text);letter-spacing:-.02em}code,.code-font{font-family:JetBrains Mono,monospace}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--tea-cream)}::-webkit-scrollbar-thumb{background:var(--tea-light);border-radius:4px}::selection{background:var(--snack-gold);color:var(--dark-text)}body.theme-green-tea{--tea-brown: #2D6B4F;--tea-light: #3D8B6A;--tea-cream: #F0FFF5;--tea-warm: #E8F5E9;--snack-orange: #4CAF50;--snack-gold: #81C784;--code-green: #1B5E20;--code-teal: #2E7D32;--dark-text: #1B3A2A;--body-text: #3E6B52;--muted-text: #6B9B7E;--border: rgba(45, 107, 79, .1);--gradient-tea: linear-gradient(135deg, #2D6B4F 0%, #4CAF50 100%);--gradient-snack: linear-gradient(135deg, #4CAF50 0%, #81C784 100%);--shadow-sm: 0 2px 8px rgba(45, 107, 79, .06);--shadow-md: 0 8px 30px rgba(45, 107, 79, .1);--shadow-lg: 0 20px 50px rgba(45, 107, 79, .12)}body.theme-lime-tea{--tea-brown: #7CB342;--tea-light: #9CCC65;--tea-cream: #F9FBE7;--tea-warm: #F0F4C3;--snack-orange: #C0CA33;--snack-gold: #DCE775;--code-green: #558B2F;--code-teal: #689F38;--dark-text: #33691E;--body-text: #5D7A3A;--muted-text: #8BA86B;--border: rgba(124, 179, 66, .1);--gradient-tea: linear-gradient(135deg, #7CB342 0%, #C0CA33 100%);--gradient-snack: linear-gradient(135deg, #C0CA33 0%, #DCE775 100%);--shadow-sm: 0 2px 8px rgba(124, 179, 66, .06);--shadow-md: 0 8px 30px rgba(124, 179, 66, .1);--shadow-lg: 0 20px 50px rgba(124, 179, 66, .12)}body.theme-rose-tea{--tea-brown: #C2185B;--tea-light: #E91E63;--tea-cream: #FFF0F5;--tea-warm: #FCE4EC;--snack-orange: #F06292;--snack-gold: #F48FB1;--code-green: #880E4F;--code-teal: #AD1457;--dark-text: #4A0E2E;--body-text: #7B3F5A;--muted-text: #B07090;--border: rgba(194, 24, 91, .1);--gradient-tea: linear-gradient(135deg, #C2185B 0%, #F06292 100%);--gradient-snack: linear-gradient(135deg, #F06292 0%, #F48FB1 100%);--shadow-sm: 0 2px 8px rgba(194, 24, 91, .06);--shadow-md: 0 8px 30px rgba(194, 24, 91, .1);--shadow-lg: 0 20px 50px rgba(194, 24, 91, .12)}body.theme-lavender-tea{--tea-brown: #7B1FA2;--tea-light: #9C27B0;--tea-cream: #F8F0FF;--tea-warm: #F3E5F5;--snack-orange: #BA68C8;--snack-gold: #CE93D8;--code-green: #4A148C;--code-teal: #6A1B9A;--dark-text: #2E0A47;--body-text: #5E3D6E;--muted-text: #9575A0;--border: rgba(123, 31, 162, .1);--gradient-tea: linear-gradient(135deg, #7B1FA2 0%, #BA68C8 100%);--gradient-snack: linear-gradient(135deg, #BA68C8 0%, #CE93D8 100%);--shadow-sm: 0 2px 8px rgba(123, 31, 162, .06);--shadow-md: 0 8px 30px rgba(123, 31, 162, .1);--shadow-lg: 0 20px 50px rgba(123, 31, 162, .12)}body.theme-mint-tea{--tea-brown: #00897B;--tea-light: #26A69A;--tea-cream: #E0F7FA;--tea-warm: #E0F2F1;--snack-orange: #4DB6AC;--snack-gold: #80CBC4;--code-green: #00695C;--code-teal: #00796B;--dark-text: #003D33;--body-text: #3D6B63;--muted-text: #6B9B93;--border: rgba(0, 137, 123, .1);--gradient-tea: linear-gradient(135deg, #00897B 0%, #4DB6AC 100%);--gradient-snack: linear-gradient(135deg, #4DB6AC 0%, #80CBC4 100%);--shadow-sm: 0 2px 8px rgba(0, 137, 123, .06);--shadow-md: 0 8px 30px rgba(0, 137, 123, .1);--shadow-lg: 0 20px 50px rgba(0, 137, 123, .12)}