/* LearnerLane identity. Semantic success and warning colours remain distinct. */
:root { --green: #49d5f5; --green2: #24bce6; }
:root[data-theme="light"] { --green: #087b9c; --green2: #086a88; }
html, body { background: radial-gradient(circle at 50% -20%, #103446 0, transparent 38%), var(--bg); }
.primary-button, .action.primary,
:root[data-theme="light"] .primary-button, :root[data-theme="light"] .action.primary {
  background: linear-gradient(135deg, #59dcfa, #29bce8);
  color: #041822;
  box-shadow: 0 14px 30px rgba(38, 160, 198, .19);
}
.nav-btn.active { color: var(--green); background: rgba(45, 188, 231, .12); }
.hero { background: linear-gradient(145deg, #143344, #0c202d); }
:root[data-theme="light"] body { background: var(--bg); }
:root[data-theme="light"] .hero { background: var(--surface); }
.legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; padding: 20px 20px calc(120px + env(safe-area-inset-bottom)); font-size: .85rem; }
.legal-links a { color: var(--green); text-underline-offset: 3px; }