/* Theme: pro-blue-light-v1 (pastel, high legibility) */
:root {
  --bg-0: #f5f8ff;   /* very light blue */
  --bg-1: #eef4ff;   /* softer light blue */
  --acc-0: #2563eb;  /* blue 600 */
  --acc-1: #1d4ed8;  /* blue 700 */
  --txt-0: #0f172a;  /* slate 900 */
  --txt-1: #334155;  /* slate 700 */
  --muted: #64748b;  /* slate 500 */
  --card: #ffffff;
  --border: #dbeafe; /* blue-100 */
  --shadow: 0 6px 18px rgba(37, 99, 235, 0.08);
}
html, body {
  background: linear-gradient(180deg, var(--bg-0), var(--bg-1));
  color: var(--txt-0);
}
a { color: var(--acc-1); }
a:hover { color: var(--acc-0); }
button, .btn, [class*="btn-"] {
  background: linear-gradient(180deg, #bfdbfe, #93c5fd);
  color: #1e3a8a !important;
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
}
button:hover, .btn:hover, [class*="btn-"]:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
}
.card, [class*="card"] {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: 0 4px 14px rgba(29, 78, 216, 0.05);
}
h1, h2, h3, h4, h5, h6 { color: var(--txt-0); }
.badge, [class*="badge"] {
  background: #dbeafe;
  color: #1e3a8a;
  border: 1px solid #bfdbfe;
}