Redesign all pages: modern typography, SVG icons, no emojis

- Replace all emoji with inline SVG icons across all pages
- New font stack: Syne (800) for headings/UI + Inter for body
- Editorial hero with clamp() type, slide-fill buttons, tight grid system
- Consistent nav-brand + 3-col footer-inner across all 6 pages
- Add btn-ghost style to CSS
- Remove amateur decorations; professional, impactful visual result

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

schedule.html

@@ -12,8 +12,9 @@
 
   <nav class="nav">
     <div class="nav-container">
-      <a href="index.html" class="nav-logo">
-        <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
+      <a href="index.html" class="nav-brand">
+        <img src="assets/logo.jpg" alt="SaborFlow">
+        <span class="nav-brand-name">SABORFLOW</span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -31,13 +32,14 @@
 
   <div class="container">
     <div class="page-header">
-      <h1>Weekly <span class="accent">Schedule</span></h1>
-      <p class="subtitle">Your guide to social dancing in Da Nang and Hoi An — every single week.</p>
+      <p class="section-label">Da Nang &middot; Hoi An</p>
+      <h1>Weekly Schedule</h1>
+      <p class="subtitle">Your guide to social dancing — every single week.</p>
     </div>
 
     <div class="schedule-note">
-      <span>🎵</span>
-      <span>The music ratio (e.g. <strong>2 Salsa · 2 Bachata · 2 Kizomba</strong>) shows the approximate number of songs played per style in each rotation. Schedules may change — follow <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline">@saborflowdanang</a> and the <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline">Da Nang SBK group</a> for real-time updates. Pop-up parties for <strong>Zouk</strong> and <strong>Tango</strong> are announced there too!</span>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+      <span>Music ratios (e.g. <strong style="color:var(--text)">2 Salsa · 2 Bachata · 2 Kizomba</strong>) show approximate songs per style per rotation. Schedules may change — follow <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" style="color:var(--teal)">@saborflowdanang</a> and the <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" style="color:var(--teal)">Da Nang SBK group</a> for real-time updates. Pop-up parties for <strong style="color:var(--text)">Zouk</strong> and <strong style="color:var(--text)">Tango</strong> are announced there too.</span>
     </div>
 
     <div class="schedule-table-wrap">
@@ -56,17 +58,19 @@
       </table>
     </div>
 
-    <div class="mt-3" style="text-align:center;color:var(--subtle);font-size:.875rem">
-      Schedule updated monthly. Last update: <strong style="color:var(--white)">April 2026</strong>
-    </div>
+    <p class="mt-3" style="color:var(--muted);font-size:.78rem">Schedule updated monthly &mdash; last update: <strong style="color:var(--text);font-weight:500">April 2026</strong></p>
   </div>
 
   <footer class="footer" style="margin-top:4rem">
     <div class="container">
-      <div class="footer-content">
-        <a href="index.html" class="footer-logo">
-          <img src="assets/logo.jpg" alt="SaborFlow Da Nang">
-        </a>
+      <div class="footer-inner">
+        <div>
+          <a href="index.html" class="footer-brand">
+            <img src="assets/logo.jpg" alt="SaborFlow">
+            <span class="footer-brand-name">SABORFLOW</span>
+          </a>
+          <p class="footer-tagline">Da Nang's Latin dance community</p>
+        </div>
         <nav class="footer-nav">
           <a href="index.html">Home</a>
           <a href="schedule.html">Schedule</a>
@@ -75,9 +79,18 @@
           <a href="classes.html">Classes</a>
           <a href="festivals.html">Festivals</a>
         </nav>
-        <p class="footer-tagline">Made with love for the Da Nang dance community 💃🕺</p>
-        <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-ig">📸 @saborflowdanang</a>
+        <div class="footer-social">
+          <a href="https://www.instagram.com/saborflowdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
+            @saborflowdanang
+          </a>
+          <a href="https://www.facebook.com/groups/sbkdanang/" target="_blank" rel="noopener" class="footer-social-link">
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+            Da Nang SBK Group
+          </a>
+        </div>
       </div>
+      <div class="footer-bottom">Made with love for the Da Nang dance community</div>
     </div>
   </footer>