/* Morrow brand kit — loaded last to preserve app functionality. */

:root{
  --morrow-navy:#0F2238;
  --morrow-coral:#F28B6D;
  --morrow-sage:#7D988B;
  --morrow-cream:#FAF8F4;
  --morrow-lavender:#A89CC8;

  --bg:#f7f6f4;
  --surface:#ffffff;
  --surface-soft:#fbfaf8;
  --text:#0F2238;
  --muted:#67716f;
  --line:#e6e4df;

  --accent:#0F2238;
  --accent-dark:#091829;
  --accent-soft:#edf1f0;
  --blue-soft:#eef2f7;
  --success:#4f8a6e;
  --danger:#d95e55;
  --shadow:0 10px 32px rgba(15,34,56,.075);
}

html,
body,
.app{
  background:var(--bg);
}

body{
  color:var(--text);
}

.topbar{
  min-height:76px;
  padding:14px 20px;
  background:rgba(247,246,244,.91);
  border-bottom:1px solid rgba(15,34,56,.08);
}

.morrow-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
}

.morrow-brand-mark{
  width:38px;
  height:38px;
  display:block;
}

.morrow-brand-wordmark{
  width:126px;
  height:auto;
  display:block;
}

.avatar{
  background:#f3e9e5;
  color:var(--morrow-navy);
  border:1px solid rgba(242,139,109,.22);
}

.greeting h1,
.card h2{
  color:var(--morrow-navy);
}

.section-title{
  color:#66716f;
}

.card{
  border-color:rgba(15,34,56,.10);
  box-shadow:0 3px 13px rgba(15,34,56,.045);
}

.card.featured{
  border-color:rgba(168,156,200,.42);
  box-shadow:0 10px 30px rgba(15,34,56,.075);
}

.icon{
  background:#f2eeeb;
  color:var(--morrow-coral);
}

.date{
  color:var(--morrow-sage);
}

.btn.primary{
  background:var(--morrow-navy);
  color:#fff;
  box-shadow:0 7px 18px rgba(15,34,56,.16);
}

.btn.primary:hover{
  background:#172f4a;
}

.btn.secondary,
.btn.text{
  color:var(--morrow-navy);
  background:#f0ece9;
}

.btn.neutral{
  color:var(--morrow-navy);
}

.input:focus,
.search-box input:focus{
  border-color:var(--morrow-sage);
  box-shadow:0 0 0 4px rgba(125,152,139,.14);
}

.bottom-nav{
  background:rgba(255,255,255,.93);
  border-top:1px solid rgba(15,34,56,.09);
}

.nav-btn.active{
  color:var(--morrow-navy);
}

.nav-btn.active .nav-icon{
  background:#f2e9e5;
  color:var(--morrow-coral);
}

.upload-icon{
  background:#f2e9e5 !important;
  color:var(--morrow-coral) !important;
}

.bar span{
  background:linear-gradient(90deg,var(--morrow-coral),var(--morrow-sage));
}

.toast{
  background:var(--morrow-navy);
}

/* Keep child-specific colors, but make the base palette feel cohesive. */
.teacher-group{
  --kid:var(--morrow-lavender);
}

.school-attention-card,
.school-coming-up-card{
  border-color:rgba(125,152,139,.32);
}

.school-assistant-copy{
  background:#f0f5f2;
  color:#395447;
}

.activity-coming-up-card{
  border-color:rgba(168,156,200,.38);
}

.activity-assistant-copy{
  background:#f5f1f7;
  color:#564d68;
}

@media(max-width:390px){
  .topbar{
    min-height:70px;
    padding:12px 16px;
  }

  .morrow-brand-mark{
    width:34px;
    height:34px;
  }

  .morrow-brand-wordmark{
    width:112px;
  }
}