/* Morrow v0.5.2 — transparent logo, profile photo, muted category palette */

:root{
  --morrow-navy:#0F2238;
  --morrow-cream:#F8F5EF;
  --morrow-surface:#FFFFFF;
  --morrow-line:#E6E0D7;
  --morrow-muted:#65706F;

  --morrow-lavender:#8170AA;
  --morrow-lavender-soft:#EFEBF6;
  --morrow-sage:#5F7D69;
  --morrow-sage-soft:#EAF0EB;
  --morrow-gold:#B9852F;
  --morrow-gold-soft:#F8EFDD;
  --morrow-coral:#C97966;
  --morrow-coral-soft:#F7E8E4;
  --morrow-blue:#557895;
  --morrow-blue-soft:#E8EFF4;

  --bg:var(--morrow-cream);
  --surface:var(--morrow-surface);
  --surface-soft:#FBF9F5;
  --text:var(--morrow-navy);
  --muted:var(--morrow-muted);
  --line:var(--morrow-line);
  --accent:var(--morrow-navy);
  --accent-dark:#091829;
  --accent-soft:#EEF1EF;
}

html,
body,
.app{
  background:var(--morrow-cream);
  color:var(--morrow-navy);
}

/* Header: larger approved logo lockup with readable tagline */
.topbar{
  min-height:132px;
  padding:18px 20px;
  background:rgba(248,245,239,.96);
  border-bottom:1px solid var(--morrow-line);
  gap:14px;
}

.morrow-brand{
  display:flex;
  align-items:center;
  min-width:0;
  line-height:0;
}

.morrow-header-logo{
  display:block;
  width:330px;
  max-width:calc(100vw - 104px);
  height:auto;
  object-fit:contain;
}

.profile-avatar{
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:block;
  object-fit:cover;
  object-position:center 30%;
  border-radius:50%;
  border:2px solid #E8CFC2;
  box-shadow:0 2px 8px rgba(15,34,56,.08);
}

.card,
.upload-card,
.form-card,
.detail-sheet{
  background:var(--morrow-surface);
  border-color:var(--morrow-line);
}

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

.section-title,
.greeting p,
.card p,
.teacher-context,
.date,
.supported-files{
  color:var(--morrow-muted);
}

/* Upload card */
.upload-icon{
  background:#F1EEE7 !important;
  color:var(--morrow-sage) !important;
}

.upload-example-icon.calendar{
  color:var(--morrow-lavender) !important;
  background:var(--morrow-lavender-soft) !important;
}

.upload-example-icon.teacher{
  color:var(--morrow-sage) !important;
  background:var(--morrow-sage-soft) !important;
}

.upload-example-icon.activity{
  color:var(--morrow-gold) !important;
  background:var(--morrow-gold-soft) !important;
}

.upload-example-icon.bill{
  color:var(--morrow-coral) !important;
  background:var(--morrow-coral-soft) !important;
}

.upload-example-icon.lease{
  color:var(--morrow-blue) !important;
  background:var(--morrow-blue-soft) !important;
}

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

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

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

/* Quiet muted category accents elsewhere */
.school-attention-card,
.school-coming-up-card{
  border-color:var(--morrow-line);
  border-left:4px solid var(--morrow-lavender);
}

.activity-coming-up-card{
  border-color:var(--morrow-line);
  border-left:4px solid var(--morrow-gold);
}

.school-assistant-copy{
  background:#F1F4F1;
  color:#43574A;
}

.activity-assistant-copy{
  background:#FBF4E7;
  color:#6A522B;
}

.bottom-nav{
  background:rgba(255,255,255,.95);
  border-top:1px solid var(--morrow-line);
}

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

.nav-btn.active .nav-icon{
  background:#F1EEE7 !important;
  color:var(--morrow-sage) !important;
}

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

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

@media(max-width:390px){
  .topbar{
    min-height:122px;
    padding:15px 14px;
  }

  .morrow-header-logo{
    width:285px;
    max-width:calc(100vw - 80px);
  }

  .profile-avatar{
    width:46px;
    height:46px;
    flex-basis:46px;
  }
}