/* Shared study palette: matches the Hindi section while preserving continent layouts. */
:root,
html[data-theme="light"] {
  --paper: #f7f9f8;
  --paper-2: #eef3f1;
  --card: #ffffff;
  --ink: #18211e;
  --ink-soft: #43514c;
  --ink-faint: #5d6b65;
  --line: rgba(24,33,30,.17);
  --line-soft: rgba(24,33,30,.10);
  --accent: #0b7768;
  --accent-2: #075e53;
  --accent-soft: rgba(11,119,104,.09);
  --danger: #a9443e;
  --success: #0b7768;
  --shadow: 0 2px 10px rgba(28,45,39,.07);
  --shadow-lg: 0 10px 28px rgba(28,45,39,.10);
}

html[data-theme="dark"] {
  --paper: #111315;
  --paper-2: #20252a;
  --card: #181c1f;
  --ink: #f3f6f5;
  --ink-soft: #c3cdca;
  --ink-faint: #8d9995;
  --line: rgba(225,235,232,.18);
  --line-soft: rgba(225,235,232,.10);
  --accent: #5cc7b2;
  --accent-2: #7bd8c5;
  --accent-soft: rgba(92,199,178,.12);
  --danger: #e88b84;
  --success: #5cc7b2;
  --shadow: 0 2px 10px rgba(0,0,0,.16);
  --shadow-lg: 0 10px 28px rgba(0,0,0,.28);
}

html[data-theme] body {
  background-color: var(--paper);
  background-image: none;
}

html[data-theme] .progress-shell {
  background: color-mix(in srgb, var(--card) 94%, transparent);
  box-shadow: none;
}

html[data-theme] .sidebar {
  background: var(--paper-2);
  box-shadow: none;
}

html[data-theme] .topbtn:focus-visible,
html[data-theme] a:focus-visible,
html[data-theme] button:focus-visible,
html[data-theme] select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html[data-theme] body,
  html[data-theme] .sidebar,
  html[data-theme] .topbtn { transition: none; }
}