/* DineWorld home page — royal blue & golden yellow.
   Isolated override: existing app logic and other views are unchanged. */
#discoverView {
  --accent: #d6a12d;
  --accent-hover: #bb8518;
  --accent-soft: #fff3cf;
  --accent-ink: #8a5d08;
  --deep: #103a78;
  --deep-2: #174f99;
  --brass: #d6a12d;
  --bg: #f3f7fd;
  --surface-2: #e9f0fa;
  --surface-3: #d7e4f6;
  --text: #10294e;
  --text-2: #4b6281;
  --text-3: #617895;
  --border: #d9e5f4;
  --border-strong: #bdcee4;
  --focus: #d6a12d;
  --ring: 0 0 0 3px rgb(214 161 45 / 28%);
  background: var(--bg);
  color: var(--text);
}
#discoverView .hero {
  background: linear-gradient(125deg, #081e46 0%, #123c7c 58%, #1a59a2 100%);
  border-block-end: 3px solid #d6a12d;
  color: #fff;
}
#discoverView .hero::before {
  inset-block-start: -55%; inset-inline-end: -18%;
  background: radial-gradient(circle, rgb(244 198 78 / 22%), transparent 65%);
}
#discoverView .hero::after {
  content: ""; position: absolute; inset-inline-start: -8%; inset-block-end: -48%;
  width: 42vw; height: 42vw; border: 1px solid rgb(255 215 110 / 15%);
  border-radius: 50%; pointer-events: none;
}
#discoverView .heroInner { padding-block: clamp(72px, 8vw, 112px); }
#discoverView .hero .eyebrow { color: #ffdc7e; }
#discoverView .hero h1 { color: #fff; text-wrap: balance; }
#discoverView .heroSub { color: #dce8fa; }
#discoverView .heroChips button {
  background: rgb(255 255 255 / 10%);
  border-color: rgb(255 255 255 / 30%);
  color: #fff;
}
#discoverView .heroChips button:hover,
#discoverView .heroChips button:focus-visible {
  background: #e5b446; border-color: #e5b446; color: #10294e;
}
#discoverView .heroStats { border-block-start-color: rgb(255 255 255 / 23%); }
#discoverView .heroStats div b { color: #ffdc7e; }
#discoverView .heroStats div span { color: #dce8fa; }
#discoverView .heroTile {
  border: 2px solid rgb(255 221 143 / 48%);
  box-shadow: 0 18px 45px rgb(4 17 44 / 35%);
}
#discoverView .heroTileCap {
  background: linear-gradient(to top, rgb(8 25 56 / 95%), transparent);
}
#discoverView .smartStrip {
  border: 1px solid #d8e4f5;
  border-top: 4px solid #e5b446;
  box-shadow: 0 15px 35px rgb(16 58 120 / 12%);
}
#discoverView .spark { background: #123c7c; color: #ffdc7e; }
#discoverView .goldBtn {
  background: #d6a12d; border-color: #d6a12d; color: #10294e;
  font-weight: 800;
}
#discoverView .goldBtn:hover { background: #f0c45d; border-color: #f0c45d; }
#discoverView .searchBar {
  border-color: #a5bcda;
  box-shadow: 0 8px 28px rgb(16 58 120 / 10%);
}
#discoverView .searchBar:focus-within {
  border-color: #d6a12d; box-shadow: var(--ring);
}
#discoverView .sectionHead h2 { color: #123c7c; }
#discoverView .sectionHead .eyebrow { color: #96660b; }
#discoverView .filters button.active,
#discoverView .comboList li.on { background: #fff3cf; color: #795109; }
#discoverView .restaurantGrid { padding-block-end: var(--sp-3); }
#discoverView .hero button:focus-visible,
#discoverView .goldBtn:focus-visible { outline: 3px solid #ffdf8a; outline-offset: 3px; }

/* Shared header keeps the brand coherent and remains legible on every view. */
.topbar { border-block-end: 2px solid #e5b446; }
.topbar .brand b { color: #123c7c; }
.topbar .brand small { color: #8a6515; }
.topbar .desktopNav button.active::after { background: #d6a12d; }
.topbar .avatarBtn { border-color: #c2d2e8 !important; }
.topbar .avatarBtn:hover { border-color: #d6a12d !important; }

/* Dark theme: prevent light-only surfaces from becoming unreadable. */
:root[data-theme="dark"] #discoverView {
  --bg: #0b1830;
  --surface: #152847;
  --surface-2: #1b3556;
  --surface-3: #234466;
  --text: #ecf3ff;
  --text-2: #bed0e8;
  --text-3: #9db5d3;
  --border: #2a4669;
  --border-strong: #426287;
  --accent-soft: #433416;
  --accent-ink: #ffdb82;
}
:root[data-theme="dark"] #discoverView .sectionHead h2 { color: #ffda78; }
:root[data-theme="dark"] #discoverView .smartStrip { border-color: #426287; border-top-color: #d6a12d; }
:root[data-theme="dark"] #discoverView .filters button.active,
:root[data-theme="dark"] #discoverView .comboList li.on { background: #493916; color: #ffda78; }
:root[data-theme="dark"] .topbar .brand b { color: #ffda78; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #discoverView {
    --bg: #0b1830; --surface: #152847; --surface-2: #1b3556;
    --surface-3: #234466; --text: #ecf3ff; --text-2: #bed0e8;
    --text-3: #9db5d3; --border: #2a4669; --border-strong: #426287;
    --accent-soft: #433416; --accent-ink: #ffdb82;
  }
  :root:not([data-theme="light"]) #discoverView .sectionHead h2 { color: #ffda78; }
  :root:not([data-theme="light"]) #discoverView .smartStrip { border-color: #426287; border-top-color: #d6a12d; }
  :root:not([data-theme="light"]) .topbar .brand b { color: #ffda78; }
}
@media (max-width: 720px) {
  #discoverView .heroInner { padding-block: 64px 84px; }
  #discoverView .hero::after { display: none; }
  #discoverView .smartStrip { border-radius: 16px; }
}