/* ============================================================
   SHARED MOCKUP THEME — site-wide palette (parchment / rosewood /
   Cormorant) ported from guitarcomp-redesign-mockup.html.
   Loaded on every public page AFTER styles.css; scoped to
   body.mk-theme. Presentation only — no behaviour change.
   ============================================================ */

body.mk-theme {
  /* Single source of truth for the mockup token set. Loaded on EVERY public
     page (index, calendar, repertoire, about, submit, privacy, competition),
     so every page gets the complete palette — not just the finder. The status,
     radius and shadow tokens below used to live only in find-redesign.css,
     which left content pages with undefined vars (flat panels, unstyled
     calendar event-bars). Defined here, they resolve everywhere. */
  --mk-rosewood:#3a2317; --mk-rosewood-deep:#2a160c; --mk-rosewood-soft:#4a3325;
  --mk-parchment:#f4efe3; --mk-parchment-2:#fbf8f1; --mk-parchment-3:#efe8d8;
  --mk-ink:#2a2118; --mk-ink-soft:#6b5d4d; --mk-ink-faint:#9a8b78;
  --mk-sienna:#a8501e; --mk-sienna-deep:#8a3f15; --mk-brass:#b8862f;
  --mk-open:#2f7d4f; --mk-open-bg:#e8f1ea; --mk-soon:#b07414; --mk-soon-bg:#f6eddb;
  --mk-closed:#b23b3b; --mk-closed-bg:#f5e6e4;
  --mk-line:#e3dccb; --mk-line-soft:#ece5d6;
  --mk-shadow:0 1px 2px rgba(58,35,23,.06),0 8px 24px rgba(58,35,23,.05); --mk-r:10px;

  background: var(--mk-parchment) !important;
  color: var(--mk-ink);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

body.mk-theme h1,
body.mk-theme h2,
body.mk-theme h3 { font-family: "Cormorant Garamond", "Georgia", serif; color: var(--mk-rosewood-deep); }

/* styles.css boosts a few display headings with class-scoped selectors that
   out-rank `body.mk-theme h3` and would keep them on the old Playfair face —
   splitting festival cards from every other card on the themed pages. Pin them
   back to Cormorant so display type is uniform across the site. */
body.mk-theme .card-header.festival h3 { font-family: "Cormorant Garamond", "Georgia", serif; }
body.mk-theme .page-header p { color: var(--mk-ink-soft); }

/* ---- Header / nav ---- */
body.mk-theme header,
body.mk-theme header[role="banner"] {
  background: var(--mk-rosewood) !important;
  border-bottom: 1px solid var(--mk-rosewood-deep);
}
body.mk-theme .logo,
body.mk-theme .brand {
  color: #f6efe1 !important;
  font-family: "Cormorant Garamond", serif; font-weight: 700;
}
body.mk-theme header nav a {
  color: #d8cab5;
  border-bottom: 2px solid transparent;
}
body.mk-theme header nav a:hover { color: #fff; }
body.mk-theme header nav a.active,
body.mk-theme header nav a[aria-current="page"] { color: #fff; border-bottom-color: var(--mk-brass); }

/* Auth buttons (when ENABLE_AUTH is on) */
body.mk-theme .btn-ghost { background: transparent; color: #e7dcc9; border: 1px solid #5e442f; }
body.mk-theme .btn-solid { background: var(--mk-brass); color: #2a160c; border: 0; }

/* ---- Links / buttons ---- */
body.mk-theme a { color: var(--mk-sienna); }
body.mk-theme header a, body.mk-theme footer a { color: inherit; }
body.mk-theme .btn-primary,
body.mk-theme .btn.btn-primary {
  background: var(--mk-rosewood); border-color: var(--mk-rosewood); color: #f0e7d8;
}
body.mk-theme .btn-primary:hover { background: var(--mk-rosewood-deep); }
body.mk-theme .btn-outline { border-color: var(--mk-line); color: var(--mk-sienna); background: #fff; }

/* ---- Standardised footer ---- */
body.mk-theme .site-footer,
body.mk-theme footer {
  background: var(--mk-rosewood-deep) !important;
  color: #d8cab5;
  padding: 2rem 1.5rem; text-align: center; margin-top: auto;
}
body.mk-theme .footer-container { max-width: 1180px; margin: 0 auto; }
body.mk-theme .footer-links {
  display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; margin-bottom: 12px;
}
body.mk-theme .footer-links a { color: #e7dcc9; text-decoration: none; font-size: 13.5px; font-weight: 500; }
body.mk-theme .footer-links a:hover { color: #fff; }
body.mk-theme .footer-copyright { color: #b9a890; font-size: 12.5px; margin: 4px 0 0; }
body.mk-theme .footer-affiliate { color: #9a8b78; font-size: 11.5px; font-style: italic; margin: 6px 0 0; }

/* ---- Cards / panels on content pages drift to parchment ---- */
body.mk-theme .panel,
body.mk-theme .stat-box,
body.mk-theme .cta-box,
body.mk-theme .feature-list li,
body.mk-theme .tier-list li {
  background: var(--mk-parchment-2); border-color: var(--mk-line);
}

/* ============================================================
   CALENDAR — mockup layout (rosewood day-headers, ev colours,
   monthbar/viewtoggle). Competition/Festival legend kept.
   ============================================================ */
body.mk-theme .panel { border: 1px solid var(--mk-line); border-radius: var(--mk-r); box-shadow: var(--mk-shadow); overflow: hidden; }
body.mk-theme .panel-header {
  background: var(--mk-rosewood) !important; color: #e7dcc9 !important;
  font-family: "Cormorant Garamond", serif; font-size: 1.2rem;
}

/* View toggle (Calendar / List / Map) */
body.mk-theme .view-toggle { background: var(--mk-parchment-3); border: 1px solid var(--mk-line); box-shadow: none; border-radius: 9px; padding: 3px; }
body.mk-theme .view-btn { background: transparent; color: var(--mk-ink-soft); border-radius: 6px; font-weight: 600; }
body.mk-theme .view-btn.active { background: #fff; color: var(--mk-rosewood-deep); box-shadow: 0 1px 2px rgba(0,0,0,.06); }

/* Month navigation */
body.mk-theme .calendar-header h3 { font-family: "Cormorant Garamond", serif; font-size: 1.6rem; color: var(--mk-rosewood-deep); }
body.mk-theme .calendar-nav button { background: #fff; border: 1px solid var(--mk-line); color: var(--mk-rosewood); border-radius: 8px; font-weight: 600; }
body.mk-theme .calendar-nav button:hover { background: var(--mk-parchment-3); color: var(--mk-rosewood-deep); }

/* Month grid */
body.mk-theme .calendar-grid { background: var(--mk-parchment-2); border: 1px solid var(--mk-line); border-radius: var(--mk-r); overflow: hidden; }
body.mk-theme .calendar-day-header {
  background: var(--mk-rosewood); color: #e7dcc9; border-bottom: 0;
  font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
}
body.mk-theme .calendar-day { border-color: var(--mk-line-soft); }
body.mk-theme .calendar-day.other-month { background: var(--mk-parchment-3); color: var(--mk-ink-faint); }
body.mk-theme .calendar-day.today { border: 2px solid var(--mk-sienna); }

/* Event bars: competition = amber (soon), deadline = red (closed) */
body.mk-theme .event-bar.competition { background: var(--mk-soon-bg); color: var(--mk-soon); border: 1px solid #ecd9b0; }
body.mk-theme .event-bar.deadline { background: var(--mk-closed-bg); color: var(--mk-closed); border: 1px solid #eccfcb; }
body.mk-theme .event-bar.continuation.deadline { background: var(--mk-closed-bg); }

/* List view */
body.mk-theme .month-header { background: var(--mk-brass); color: #2a160c; font-weight: 700; }
body.mk-theme .competition-item { background: var(--mk-parchment-2); border: 1px solid var(--mk-line); border-radius: 8px; }
body.mk-theme .competition-item:hover { background: #fff; border-color: var(--mk-brass); }
body.mk-theme .competition-item .comp-info h4 { font-family: "Cormorant Garamond", serif; color: var(--mk-rosewood-deep); }

/* Map view */
body.mk-theme .map-view #map,
body.mk-theme #map { border-radius: var(--mk-r); }