/* iSolveTo shared brand styles — initial three-page test */
:root {
  --isolveto-bg: #f7f8fc;
  --isolveto-surface: #ffffff;
  --isolveto-ink: #111827;
  --isolveto-muted: #667085;
  --isolveto-line: #e7e9ef;
  --isolveto-accent: #635bff;
  --isolveto-accent-dark: #4f46e5;
  --isolveto-soft: #f0efff;
  --isolveto-dark: #0b1020;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--isolveto-dark);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
               BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.6px;
  text-decoration: none;
}
.brand > .logo {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 10px;
  background: var(--isolveto-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}
.brand > .logo span { color: #b9b5ff; }