body{--primary: #1e73be;--accent: #f6c85f;--background: #fff;--heading: #1e73be;--text: #333;--card-bg: #f9f9f9;--border-radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .1);background:var(--background);color:var(--text);font-family:Open Sans,sans-serif;line-height:1.6;transition:background .3s,color .3s}h1,h2,h3{color:var(--heading)}p,li,a{color:var(--text)}.home-container,.section,.card{background:var(--card-bg);color:var(--text);box-shadow:var(--shadow);border-radius:var(--border-radius);transition:background .3s,color .3s}a{color:var(--primary);transition:color .3s}a:hover,a:focus{color:var(--accent)}button,.button{background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;transition:background .3s,color .3s}button:hover,.button:hover{background:var(--accent);color:var(--background)}input,textarea,select{background:#fff;color:var(--text);border:1px solid #ccc;border-radius:var(--border-radius);padding:.5rem;transition:background .3s,color .3s}footer{background:var(--card-bg);color:var(--text);border-radius:var(--border-radius);box-shadow:var(--shadow)}.gallery{display:flex;gap:16px}.gallery img,img{border-radius:8px;height:325px;width:auto}body.dark{--primary: #7ab5dd;--accent: #f6c85f;--background: #070b1d;--heading: #ffffff;--text: #d1d5db;--card-bg: #101425;--border-radius: 12px;--shadow: 0 4px 24px rgba(0, 0, 0, .4)}body.dark{background:var(--background);color:var(--text);transition:background .3s,color .3s}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#87ceeb;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header .logo{display:flex;align-items:center;text-decoration:none}.header .logo img{max-height:50px;width:auto;display:block}.navbar{display:flex;justify-content:flex-end;align-items:center;gap:40px;margin:0;padding:0;list-style:none}.navbar a{text-decoration:none;color:indigo;font-size:1.05em;font-weight:600;padding:6px 18px;border-radius:5px;transition:all .3s ease;display:inline-block}.navbar a:hover,.navbar a:focus{color:#fff;background-color:#8a22a2}
