/* ==========================================================================
   wisdom.css — Vanilla CSS replacement for Tailwind utilities on Wisdom pages
   QuotesCosmos · https://quotescosmos.com
   
   Replaces the Tailwind CDN dependency with semantic CSS that maps to the
   project's existing CSS custom property design system.
   ========================================================================== */

/* Page Shell — Flex layout to push footer to bottom */
.qc-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--bg-body, #ffffff);
  color: var(--text-main, #333333);
  font-family: var(--font-main, 'Inter', 'Poppins', sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 0;
}

/* Dark theme overrides */
[data-theme="dark"] .qc-page,
.qc-page[data-theme="dark"] {
  background-color: var(--bg-body, #0f1117);
  color: var(--text-main, #e5e7eb);
}

/* Main content area — flex-grow to fill space */
.qc-main {
  flex: 1 0 auto;
}