/* ETS app theme — CEO palette (rose/blush/cream) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');

:root {
  /* Brand (legacy --yellow kept for back-compat — now rose) */
  --yellow:     #c2185b;
  --yellow-dim: #7a1238;

  /* Surfaces */
  --bg:        #fdf6f3;
  --surface:   #ffffff;
  --surface2:  #fce4e8;
  --surface3:  #f9d4dc;
  --border:    #f0d9de;
  --border2:   #e8c5cd;

  /* Text */
  --text:      #2d1b1f;
  --muted:     #8a6f78;
  --ink2:      #b89aa3;

  /* Accent (rose) */
  --accent:    #c2185b;
  --accent2:   #d8497a;

  /* Status */
  --green:     #4a7c59;
  --red:       #c2455e;
  --amber:     #c9a96e;
  --orange:    #d97757;

  /* Aliases for legacy refs */
  --pink:      #c2185b;
  --purple:    #c2185b;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

/* Page hero banner — sits below the menu bar, above content */
.page-hero {
  width: 100%;
  height: 130px;
  background: var(--surface2) center / cover no-repeat;
  border-bottom: 1px solid var(--border);
}
.page-hero.contain {
  background-size: contain;
  background-color: var(--surface2);
  padding: 0;
  height: 110px;
}
@media (min-width: 760px) {
  .page-hero { height: 180px; }
  .page-hero.contain { height: 140px; }
}