:root{--bg-body:#fafafa;--bg-section-alt:#fff9f2;--bg-card:#fff;--text-main:#333;--text-heading:#4a2c11;--accent:#f28c28;--accent-hover:#d9771e;--shadow-color:#0000000d;--dots-color:#ccc;--hero-overlay:#fafafacc}body.dark-mode{--bg-body:#121212;--bg-section-alt:#1a1a1a;--bg-card:#242424;--text-main:#e0e0e0;--text-heading:#ffb74d;--accent:#ffb74d;--accent-hover:#f28c28;--shadow-color:#00000080;--dots-color:#555;--hero-overlay:#121212d9}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-body);color:var(--text-main);transition:background-color .3s,color .3s}.theme-toggle-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:transform .2s;display:flex}.theme-toggle-btn:hover{transform:scale(1.1)}.navbar{background-color:var(--bg-body);box-shadow:0 4px 10px var(--shadow-color);z-index:100;width:100%;transition:background-color .3s;position:sticky;top:0}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;max-width:90%;margin:0 auto;padding:1rem 2rem;display:flex}.brand{flex-direction:row;align-items:center;gap:1rem;display:flex}.cafe-logo{object-fit:contain;border-radius:50%;width:75px;height:75px}.brand-text{flex-direction:column;display:flex}.title{color:var(--text-heading);letter-spacing:1px;font-size:1.5rem;font-weight:800}.subtitle{color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:700}.nav-links{flex-direction:row;align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-heading);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s ease-in-out}.nav-links a:hover{color:var(--accent)}.order-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s ease-in-out}.order-btn:hover{background-color:var(--accent-hover)}.hero-section{background:linear-gradient(var(--hero-overlay), var(--hero-overlay)), url(/background.jpeg);text-align:center;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 1rem;display:flex}.hero-title{color:var(--text-heading);margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-subtitle{color:var(--accent);letter-spacing:1px;font-size:1.5rem;font-weight:700}.menu-section{background-color:var(--bg-section-alt);min-height:100vh;padding:5rem 2rem;scroll-margin-top:90px;transition:background-color .3s}.menu-container{max-width:90%;margin:0 auto}.menu-header{text-align:center;color:var(--text-heading);text-transform:uppercase;letter-spacing:2px;margin-bottom:3rem;font-size:3rem;font-weight:800}.menu-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:4rem}}.menu-category{background-color:var(--bg-card);box-shadow:0 4px 15px var(--shadow-color);border-radius:12px;padding:2rem;transition:background-color .3s}.category-header{border-bottom:2px solid var(--accent);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.category-number{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:700;display:flex}.category-title{color:var(--text-heading);font-size:1.8rem;font-weight:700}.item-list{flex-direction:column;gap:.8rem;list-style:none;display:flex}.menu-item-row{justify-content:space-between;align-items:flex-end;font-size:1.1rem;display:flex}.item-name{color:var(--text-main);white-space:nowrap;font-weight:600}.item-dots{border-bottom:2px dotted var(--dots-color);flex-grow:1;margin:0 10px 5px}.item-price{color:var(--text-heading);white-space:nowrap;font-weight:800}.about-section{background-color:var(--bg-card);text-align:center;justify-content:center;align-items:center;padding:5rem 2rem;scroll-margin-top:110px;transition:background-color .3s;display:flex}.about-container{max-width:800px;margin:0 auto}.about-title{color:var(--text-heading);text-transform:uppercase;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.about-content p{color:var(--text-main);margin-bottom:1.2rem;font-size:1.25rem;line-height:1.8}.contact-section{background-color:var(--bg-section-alt);text-align:center;justify-content:center;align-items:center;padding:5rem 2rem;scroll-margin-top:110px;transition:background-color .3s;display:flex}.contact-container{width:100%;max-width:1000px}.contact-title{color:var(--text-heading);text-transform:uppercase;margin-bottom:3rem;font-size:3rem;font-weight:800}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.contact-card{background-color:var(--bg-card);box-shadow:0 4px 6px var(--shadow-color);border-radius:12px;padding:2rem;transition:background-color .3s}.contact-card h3{color:var(--accent);margin-bottom:1rem;font-size:1.5rem}.contact-card p,.contact-card a{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;line-height:1.6;text-decoration:none}.contact-card a:hover{color:var(--accent);text-decoration:underline}.social-links{margin-top:1rem;font-weight:700}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger .bar{background-color:var(--text-heading);border-radius:3px;width:25px;height:3px;transition:all .3s ease-in-out}@media (width<=768px){.cafe-logo{width:55px;height:55px}.title{font-size:1.2rem}.subtitle{font-size:.6rem}.hamburger{display:flex}.nav-links{background-color:var(--bg-body);text-align:center;width:100%;box-shadow:0 10px 10px var(--shadow-color);flex-direction:column;gap:1.5rem;padding:2rem 0;transition:left .3s ease-in-out,background-color .3s;position:absolute;top:90px;left:-100%}.nav-links.active{left:0}.menu-section{padding:3rem 1rem}.menu-header{margin-bottom:2rem;font-size:2.2rem}.menu-category{padding:1.5rem}.category-title{font-size:1.4rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}}@media (width<=480px){.nav-container{padding:1rem}.item-name,.item-price{font-size:.95rem}}@media (width<=769px){.hero-section{background-image:linear-gradient(var(--hero-overlay), var(--hero-overlay)), url(/mb-background.jpeg)}}