:root{
  --page-surface:#fff;
  --card-surface:#fff;
  --card-border:var(--line);
  --card-radius:24px;
  --card-shadow:0 6px 20px rgba(73,52,32,.06);
}

html,
body,
.screen,
#scStart,
#scDash,
#scProfil,
#scChat,
#scBook,
#scPlanner,
#scList,
#scRate,
#scMonth,
.auth-gate,
.cook-mode{
  background:var(--page-surface);
}

.auth-card,
.food-hero,
.week-card,
.home-action,
.tile,
.ccard,
.next-plan-card,
.profile-hero,
.profile-card,
.brow,
.rrow,
.lgroup,
.arow,
.mstat,
.mempty,
.bempty,
.recipe-editor-section,
.planner-ai-launch,
.plan-day,
.planned-meal,
.ai-result-card,
.recipe-card2,
.cook-card,
.collection-card,
.discover-card,
.household-summary{
  border:1px solid var(--card-border);
  border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
}

.auth-card,
.week-card,
.home-action,
.tile,
.ccard,
.next-plan-card,
.profile-hero,
.profile-card,
.brow,
.rrow,
.lgroup,
.arow,
.mstat,
.mempty,
.bempty,
.recipe-editor-section,
.planner-ai-launch,
.plan-day,
.planned-meal,
.ai-result-card,
.recipe-card2,
.cook-card,
.collection-card,
.discover-card:not(.has-photo),
.household-summary{
  background:var(--card-surface);
  color:var(--ink);
}

.next-plan-top small,
.household-kicker{
  color:var(--accent-d);
}

.next-plan-top span,
.household-live{
  background:var(--soft);
  color:var(--grey);
}

.next-meal{
  border-bottom-color:var(--card-border);
}

.next-meal span,
.next-plan-note,
.household-summary p{
  color:var(--grey);
}

.next-plan-actions .btn.ghost{
  background:var(--soft);
  color:var(--ink);
  box-shadow:none;
}

.profile-hero::after,
.household-summary::after,
.auth-gate::before,
.auth-gate::after,
.cook-mode::before{
  display:none;
}

.profile-card .schedule-box,
.household-invite-form,
.cook-ready{
  background:var(--soft);
}

.plan-day.today,
.cook-card.is-active,
.arow.now{
  border-color:var(--card-border);
  box-shadow:var(--card-shadow);
}

@media (min-width:600px){
  html{
    background:var(--page-surface);
  }
}

@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){
  body::after{
    background:var(--page-surface);
  }
}