/* ============================================================
   LEGACY BRIDGE v2 — flips old dark app pages to the Petticora
   light design system by re-declaring their CSS variables.
   Loaded AFTER each page's inline <style>. Fonts via petticora set.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..650;1,9..144,300..650&family=Hanken+Grotesk:wght@400;500;600;700&family=Italiana&display=swap');

:root, html, body {
  /* dark surfaces -> ivory surfaces */
  --black: #FAF8F4; --black2: #F3EFE7; --black3: #FFFFFF; --black4: #F3EFE7;
  --bg: #FAF8F4; --deep: #F3EFE7; --dark: #FFFFFF; --charcoal: #FFFFFF;
  --card: #FFFFFF; --card2: #F8F5EF; --card-bg: #FFFFFF; --panel: #FFFFFF;
  --sidebar: #F3EFE7; --mid: #F3EFE7;
  /* light text -> ink */
  --cream: #1A1713; --white: #1A1713; --champ: #4A443C;
  --ink: #1A1713; --ink2: #4A443C; --ink3: #857D70;
  --muted: #6E6659; --muted2: #857D70;
  /* golds -> AA gold set */
  --gold: #B08D4F; --gold2: #9a7a42; --gold3: #B08D4F; --gold-dim: rgba(176,141,79,.35);
  --accent: #B08D4F; --accent-dk: #9a7a42; --accent-lt: #C9A96E;
  /* lines + status */
  --border: #E5DFD3; --card-border: #E5DFD3;
  --green: #55644a; --success: #55644a; --sage: #6B7A5E;
  --rose: #BE1D44; --red: #BE1D44; --warn: #B0762F;
  /* type */
  --serif: "Fraunces", Georgia, serif;
  --sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
}

body {
  background: #FAF8F4 !important;
  color: #1A1713 !important;
  font-family: "Hanken Grotesk", system-ui, sans-serif;
}
h1, h2, h3, h4 { font-family: "Fraunces", Georgia, serif; font-optical-sizing: auto; letter-spacing: -.015em; }

/* common literal fixes on old pages */
a { color: inherit; }
input, select, textarea { background: #fff; color: #1A1713; border-color: #E5DFD3; }
::placeholder { color: #857D70; }
img { opacity: 1 !important; filter: none !important; }

/* old shared nav (nav.css .pc- classes) -> light */
.pc-nav, nav.nav, .topbar, header.site-header {
  background: rgba(250,248,244,.94) !important;
  border-bottom: 1px solid #E5DFD3 !important;
  color: #1A1713 !important;
}
.pc-nav a, nav.nav a, .topbar a { color: #4A443C !important; }
.pc-nav a:hover, nav.nav a:hover { color: #B08D4F !important; }
.pc-dd-menu { background: #FFFFFF !important; border: 1px solid #E5DFD3 !important; color: #1A1713 !important; box-shadow: 0 12px 40px rgba(26,23,19,.12); }
.pc-dd-menu a { color: #4A443C !important; }
.pc-supplier-btn { border-color: #B08D4F !important; color: #B08D4F !important; }

/* footers on old pages -> dark to match the main site .pt-footer */
footer { background: #080604; color: rgba(245,237,216,.65); }
footer a { color: rgba(245,237,216,.65); }
footer a:hover { color: #C9A96E; }

/* scrollbars / selection niceties */
::selection { background: rgba(176,141,79,.25); }

/* dashboard hero -> light card to match the main site (no dark banner) */
.hero { background: #F3EFE7 !important; border: 1px solid #E5DFD3 !important; }
.hero::before, .hero::after { display: none !important; }
.hero .hero-title { color: #1A1713 !important; }
.hero .hero-title em { color: #B08D4F !important; }
.hero .hero-sub { color: #4A443C !important; }
.hero .hero-eyebrow { color: #B08D4F !important; }
.hero-cd { background: #E5DFD3 !important; border-color: #E5DFD3 !important; }
.hc-unit { background: #FFFFFF !important; }
.hero-prog, .hero-prog-track { background: #E5DFD3 !important; }

/* table header greys -> warm tint */
thead, th { background: #F3EFE7 !important; color: #4A443C !important; }

/* songs: dark "music hook" hero card -> light */
.music-hook-hero { background: #F3EFE7 !important; border: 1px solid #E5DFD3 !important; box-shadow: none !important; }
.music-hook-hero::before { display: none !important; }
.hook-title { color: #1A1713 !important; }
.hook-title em { color: #B08D4F !important; }
.hook-kicker { color: #B08D4F !important; }
.hook-lead { color: #4A443C !important; }

/* seating planner: dark floating canvas toolbar -> light */
.toolbar { background: rgba(250,248,244,.94) !important; border: 1px solid #E5DFD3 !important; }
.tool-btn { color: #4A443C !important; }
.tool-btn:hover { border-color: #B08D4F !important; color: #9a7a42 !important; }
.tool-sep { background: #E5DFD3 !important; }