:root {
      --bg: #f0eeea; --card: #ffffff; --card-alt: #e8e5e0; --input: #f5f3f0;
      --accent: #3b6ea5; --accent2: #5588c0; --navy: #1b2a3b; --grey: #6b7280;
      --text: #1b2a3b; --border: #d8d4ce;
    }
    html { scroll-behavior: smooth; }
    body { background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; font-weight: 300; }
    nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: var(--navy); border-bottom: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: space-between; padding: 0 40px; height: 60px; }
    .nav-logo { font-size: 15px; font-weight: 600; letter-spacing: 1px; color: #ffffff; text-decoration: none; }
    .nav-logo .accent { color: var(--accent); }
    .nav-links { display: flex; gap: 28px; list-style: none; }
    .nav-links a { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.6); text-decoration: none; }
    .nav-links a:hover { color: #ffffff; }
    .nav-book { background: var(--accent); color: #ffffff; padding: 8px 20px; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; }
    .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
    .hamburger span { width: 22px; height: 1.5px; background: #ffffff; display: block; }
    .nav-mobile { display: none; position: fixed; top: 60px; left: 0; right: 0; background: var(--navy); flex-direction: column; padding: 24px 40px; gap: 20px; z-index: 99; }
    .nav-mobile.open { display: flex; }
    .nav-mobile a { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.6); text-decoration: none; }