:root{--primary-color: #5D4037;--primary-light: #8B6B61;--primary-dark: #321911;--secondary-color: #795548;--accent-color: #FF9800;--text-primary: #212121;--text-secondary: #757575;--background-light: #F5F5F5;--background-dark: #EEEEEE;--success-color: #4CAF50;--error-color: #F44336;--warning-color: #FFC107;--info-color: #2196F3;--white: #FFFFFF;--black: #000000;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-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;background-color:var(--background-light);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.page-container{min-height:calc(100vh - 64px);padding:2rem 0}.coffee-button{position:relative;overflow:hidden}.coffee-button-ripple{position:absolute;border-radius:50%;background-color:#ffffffb3;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}@media (max-width: 768px){.container{padding:0 .75rem}.page-container{padding:1.5rem 0}}@media (max-width: 480px){.container{padding:0 .5rem}.page-container{padding:1rem 0}}