/* 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;
}

html,body{
  font-family:"Comic Sans MS","Comic Sans",sans-serif;
  background:var(--bg);
  color:var(--text);
}

/* 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}

/* --- WEBFONT (Android usually does NOT have Comic Sans installed) --- */
@font-face{
  font-family: 'ComicNeue';
  src: url('/assets/fonts/comic-neue/ComicNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'ComicNeue';
  src: url('/assets/fonts/comic-neue/ComicNeue-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'ComicNeue';
  src: url('/assets/fonts/comic-neue/ComicNeue-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'ComicNeue';
  src: url('/assets/fonts/comic-neue/ComicNeue-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* --- FORCE COMIC SANS (must be at end because Materialize CSS overrides form controls) --- */
html, body,
button, input, optgroup, select, textarea,
.btn, .btn-small, .btn-large, .btn-flat,
.nav-wrapper, .sidenav, .dropdown-content, .modal {
  font-family: 'ComicNeue', "Comic Sans MS", "Comic Sans", sans-serif !important;
}