/**
 * Shared platform visual tokens (সহজশিক্ষা).
 * Copied per app under static/css/ — keep in sync when tokens change.
 */
:root {
  --ease-brand-gradient: linear-gradient(90deg, #4338ca 0%, #7c3aed 50%, #2563eb 100%);
  --ease-header-fg: #ffffff;
  --ease-footer-bg: #111827;
  --ease-footer-fg: #d1d5db;
  --ease-footer-accent: #818cf8;
  --ease-footer-muted: #9ca3af;
  --ease-radius-md: 0.375rem;
  --ease-space-page: 1rem;
}

.ease-site-header {
  background: var(--ease-brand-gradient);
  color: var(--ease-header-fg);
}

.ease-site-footer {
  background: var(--ease-footer-bg);
  color: var(--ease-footer-fg);
}

.ease-header-shell {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}

@media (max-width: 640px) {
  .ease-header-shell {
    flex-direction: column;
    align-items: flex-start;
  }
}

.ease-header-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--ease-header-fg);
}

.ease-header-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
}

.ease-nav-link {
  color: var(--ease-header-fg);
  text-decoration: none;
  font-weight: 500;
  padding: 0.5rem 0.75rem;
  border-radius: var(--ease-radius-md);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: background 0.15s;
}

.ease-nav-link:hover {
  background: rgba(255, 255, 255, 0.15);
}