/* Bloom follows the paper, terracotta, and pastel palette of the landing page. */
body[data-design="bloom"] {
  --cream: #fbf7ee;
  --ink: #393c30;
  --muted: #737263;
  --plum: #b8503e;
  --pink: #efb8c5;
  --pink-ink: #9c5265;
  --blue: #bdd2ed;
  --blue-ink: #506e91;
  --line: #dfd9cb;
  --paper: #fffdf6;
  background: #fbf7ee;
}
body[data-design="bloom"] .app-shell { background: #fbf7ee; }
body[data-design="bloom"] .screen > .panel,
body[data-design="bloom"] .date-ticket,
body[data-design="bloom"] .note,
body[data-design="bloom"] .management {
  border-color: #c9bea9;
  border-radius: 7px;
  background: #fffdf7;
  box-shadow: 5px 6px 0 #e5ddcc;
}
body[data-design="bloom"] .primary-button {
  border-radius: 5px;
  background: #b8503e;
  color: #fffaf3;
  box-shadow: 0 3px 0 #873d30;
}
body[data-design="bloom"] .primary-button:hover { background: #a64636; }
body[data-design="bloom"] .secondary-button,
body[data-design="bloom"] .input-field { border-radius: 5px; border-color: #c9bea9; }
body[data-design="bloom"] .eyebrow { color: #b8503e; }
body[data-design="bloom"] .step-track a[aria-current="step"]::after { background: #b8503e; }
body[data-design="bloom"] .name-balloon.girl {
  border-color: #bb7f8d;
  background: radial-gradient(ellipse at 28% 20%, #fff7f8, #f6d9df 35%, #efb8c5 100%);
}
body[data-design="bloom"] .name-balloon.boy {
  border-color: #8eabc9;
  background: radial-gradient(ellipse at 28% 20%, #f8fbff, #dae6f5 35%, #bdd2ed 100%);
}
body[data-design="bloom"] .name-balloon.girl::before { background: #efb8c5; }
body[data-design="bloom"] .name-balloon.boy::before { background: #bdd2ed; }
/* Bloom panels are light paper, including the host reveal controls. */
body[data-design="bloom"] .screen > .dark-panel { background: #fffdf7; color: #393c30; }
body[data-design="bloom"] .dark-panel h2,
body[data-design="bloom"] .dark-panel summary { color: #393c30; }
body[data-design="bloom"] .dark-panel .tiny,
body[data-design="bloom"] .dark-panel .lead { color: #626253; }
body[data-design="bloom"] .dark-panel .eyebrow { color: #9a4032; }