/* =========================================================
   Global theming (light default, dark via .dark-mode)
   ========================================================= */

/* Light (defaults) */
:root{
  /* brand is shared */
  --brand:#1e40af;

  /* surfaces & text */
  --paper:#ffffff;
  --ink:#0b1220;
  --muted:#6b7280;
  --card:#ffffff;

  /* misc */
  --ring: rgba(32,93,223,.15);

  /* make native form controls match theme */
  color-scheme: light;
}

/* Dark overrides */
html.dark-mode{
  --paper:#0f172a;
  --ink:#e6eefb;
  --muted:#9fb0c7;
  --card:#0f172a;
  --ring: rgba(96,165,250,.18);
  color-scheme: dark;                  /* matches inputs/scrollbars */
}

/* Base surfaces */
html, body{ background: var(--paper); color: var(--ink); }

/* Links */
a{ color: #1e3a8a; }
html.dark-mode a{ color:#9ac7ff; }

/* Header/ Footer (kept simple; header stays brand) */
.site-header{ background: var(--brand); color:#fff; }
.site-footer{ background:#111827; color:#e5e7eb; }
html.dark-mode .site-footer{ background:#0b1220; color:#e6eefb; }

/* Common “card” containers pick up theme automatically */
.content-prose,
.toc,
.tutorial-card,
.blog-card,
.exam-card,
.quiz-card,
.category-card,
.review-card,
.worksheet-card{
  background: var(--card);
  color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent);
}

/* Cookie banner */
.cookie-banner{ background:#f2f2f2; color:#111; }
html.dark-mode .cookie-banner{ background:#1f2937; color:#e5e7eb; }

/* Forms inherit text color */
input, select, textarea, button{ color: inherit; }