/* =========================================================
   My Study Adda theme tokens
   Bootstrap 5.3 professional baseline without ad slots
   ========================================================= */
:root {
  --app-font: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --app-bg: #f4f7fb;
  --app-surface: #ffffff;
  --app-surface-soft: #f8fafc;
  --app-border: #d9e2ef;
  --app-text: #182230;
  --app-muted: #667085;
  --app-primary: #1d4ed8;
  --app-primary-dark: #143b9d;
  --app-primary-soft: #e8f0ff;
  --app-accent: #f59e0b;
  --app-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  --app-shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);
  --app-radius: 18px;
  --app-radius-sm: 12px;
  --header-main-h: 76px;
  --topic-bar-h: 54px;
  --header-h: calc(var(--header-main-h) + var(--topic-bar-h));
  --sidebar-w: 300px;
  --page-pad: 24px;

  --bs-body-font-family: var(--app-font);
  --bs-body-bg: var(--app-bg);
  --bs-body-color: var(--app-text);
  --bs-primary: var(--app-primary);
  --bs-primary-rgb: 29, 78, 216;
  --bs-border-color: var(--app-border);
  --bs-link-color: var(--app-primary);
  --bs-link-hover-color: var(--app-primary-dark);
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  min-height: 100vh;
  margin: 0;
  padding-top: var(--header-h);
  background:
    radial-gradient(circle at top left, rgba(29, 78, 216, .08), transparent 28rem),
    linear-gradient(180deg, #f7faff 0%, var(--app-bg) 42%, #eef3f9 100%);
}

@media (max-width: 991.98px) {
  :root { --header-main-h: 72px; --header-h: var(--header-main-h); --page-pad: 14px; }
  body { padding-top: var(--header-h); }
}