/* Schülerapp shared UI (nav/footer + common tokens)
   Keep this file as the single source of truth for shared styling.
*/

:root{
  color-scheme: light only;
  --bg:#FFFDF8;
  --white:#FFFFFF;
  --text:#1C1C1C;
  --muted:#777770;
  --orange:#6B8F71;
  --border:#EEEBE3;
  --teal:#2EC4B6;
  --teal-light:#4ADDD5;
  --teal-pale:#E8FAF8;
  --teal-mid:#7ADDD8;
  --brown-pale:#eef3ef;
}

/* shared top nav */
.lp-nav{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 22px;
  background:rgba(255,253,248,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.lp-nav-logo{
  font-family:"Comic Sans MS","Comic Sans",sans-serif;
  font-size:18px;
  font-weight:800;
  color:var(--text);
}
.lp-nav-logo span{color:var(--orange)}
.lp-nav-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.lp-nav-link{
  color:var(--orange);
  font-weight:800;
  text-decoration:none;
}

/* shared footer */
.lp-footer{
  margin-top:34px;
  background:var(--white);
  padding:28px 22px;
  border-top:1px solid var(--border);
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:space-between;
  align-items:center;
}
.lp-footer-logo{
  font-family:"Comic Sans MS","Comic Sans",sans-serif;
  font-size:17px;
  font-weight:800;
}
.lp-footer-logo span{color:var(--orange)}
.lp-footer-links{display:flex;gap:16px;flex-wrap:wrap}
.lp-footer-links a{
  font-size:13px;
  color:#64748b;
  text-decoration:none;
  font-weight:700;
}
.lp-footer-links a:hover{color:var(--orange)}
.lp-footer-copy{font-size:12px;color:#64748b}