/* Tiệm Hoa Có Hẹn: an airy florist. Blush paper, dusty-rose actions, sage accents, thin lines and
   an italic serif logo. */
:root {
  --bg: #fbf5f3; --card: #ffffff; --edge: #efdfdf; --soft: #f7ecec; --ink: #3a2a2e; --ink2: #8f7479;
  --coral1: #eb9aaa; --coral2: #d9748a; --coral3: #ad5266; --green-t: #5f8a52; --shadow: 0 6px 22px rgba(140, 90, 100, .1);
  --bar: #fffdfc; --tk-bg: #ffffff; --tk-line: #8aa37b; --tk-badge: #d9748a; --tk-chip: #f3f6ef; --tk-radius: 20px;
  --logo: #ffffff; --logo-sub: #fff4f6; --logo-edge: #ad5266; --sign-ink: #5d3b44; --sign-ink2: #6f8a60;
  --title: 'Playfair Display', Georgia, serif;
}
html, body { background: #f2e6e4; }
#title .logo { font-style: italic; font-weight: 700; font-size: 58px; letter-spacing: -.5px; text-shadow: 0 2px 0 #ad5266, 0 6px 22px rgba(120, 50, 70, .35); }
#title .logo small { display: table; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 3px 14px; border-top: 1.5px solid #fff; border-bottom: 1.5px solid #fff; font-size: 22px; letter-spacing: 4px; text-transform: uppercase; font-style: normal; font-family: 'Be Vietnam Pro', sans-serif; font-weight: 700; text-shadow: 0 2px 8px rgba(120, 50, 70, .45); }
.btn { box-shadow: inset 0 -2px 0 var(--b3), 0 8px 18px rgba(217, 116, 138, .28); }
.btn.big { font-style: italic; font-weight: 700; letter-spacing: 0; }
.btn.cream { --b1: #fff; --b2: #fffafa; --b3: #ecdcdc; box-shadow: inset 0 0 0 1.5px #c9d6c0; }
.hud { box-shadow: none; border-bottom: 1px solid var(--edge); }
.chip, .iconbtn { background: #fff; }
.card, .item, .recipe, .ledger { border-radius: 24px; }
.card h3 { font-family: var(--title); font-style: italic; font-size: 18px; }
.card h3 .tag { background: #eef3ea; color: #5f8a52; font-family: 'Be Vietnam Pro', sans-serif; font-style: normal; }
.hero { border-radius: 0 0 36px 36px; }
.sheet { border-radius: 30px 30px 0 0; }
.sheet header h2 { font-family: var(--title); font-style: italic; font-size: 24px; }
.ticket { border-width: 3px; box-shadow: 0 8px 18px rgba(95, 138, 82, .25); }
.ticket::after { border-top-color: var(--tk-line); }
.ticket .name { font-family: var(--title); font-style: italic; letter-spacing: -.5px; }
.ticket .bar { background: #f3f6ef; }
.ticket .bar i { background: #8aa37b; }
.sign b { font-style: italic; }
.seg button.on { color: #ad5266; }
/* the new title art has a pale sky: a deep rose logo reads better than white */
#title .logo { color: #8f3f54; text-shadow: 0 2px 0 #fff, 0 0 18px rgba(255, 255, 255, .9); }
#title .logo small { color: #5f8a52; border-color: #8aa37b; text-shadow: 0 0 10px rgba(255, 255, 255, .9); }