/* ==========================================================================
   demo-salon.css — "Rosewater"
   Soft blush-and-cream luxe. An elegant serif, unhurried and calm.
   Feminine but not fussy — generous air, a single rose accent, nothing loud.
   ========================================================================== */

:root {
  --d-bg:         #FBF5F4;
  --d-ink:        #3A2A30;
  --d-muted:      #8A6E74;
  --d-accent:     #B25B72;
  --d-accent-ink: #FFFFFF;
  --d-surface:    #F4E7E7;
  --d-line:       rgba(58, 42, 48, .12);
  --d-line-strong:rgba(58, 42, 48, .24);

  --d-sans:    "Work Sans", system-ui, sans-serif;
  --d-display: "Marcellus", Georgia, serif;
  --d-radius:  16px;
  --d-max:     1100px;
}

/* Marcellus is an all-caps-leaning classical serif — it wants a hair more
   letter-spacing and a calmer line than the kit default. */
.dnav__brand { font-weight: 400; letter-spacing: .01em; }
.dhero__title { font-weight: 400; letter-spacing: -.01em; line-height: 1.08; }
.dh2, .dh3 { font-weight: 400; letter-spacing: -.005em; }
.dlede { font-size: 18px; line-height: 1.66; }

/* Kicker: a fine rose rule beneath, in the unhurried spa manner. */
.dkicker { display: inline-block; padding-bottom: 6px; border-bottom: 1.5px solid var(--d-accent); }

/* Cards lift on the softest possible shadow so the surface reads as suede,
   not a hard panel. */
.dcard { box-shadow: 0 1px 0 rgba(58, 42, 48, .04); }

/* Treatment menu: serif names, prices held in the ink so the rose stays a
   single accent rather than colouring every number on a busy list. */
.dmenu__name  { font-family: var(--d-display); font-size: 18px; font-weight: 400; letter-spacing: .005em; }
.dmenu__price { color: var(--d-ink); }

/* Opening-hours block, used on Home and Book. */
.dhours {
  display: grid;
  gap: 9px;
  font-size: 15.5px;
  font-variant-numeric: tabular-nums;
}
.dhours__row { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 8px; border-bottom: 1px dotted var(--d-line-strong); }
.dhours__row:last-child { border-bottom: 0; }
.dhours__d { color: var(--d-muted); }

/* Pill — the one quiet flourish, used for "Open today" and menu section tags. */
.dpill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--d-accent);
  background: var(--d-bg);
  border: 1.5px solid var(--d-accent);
  border-radius: 999px;
  padding: 7px 16px;
}

/* Small note that a treatment runs a little longer / needs a patch test. */
.dhint { font-size: 13px; color: var(--d-muted); font-style: italic; }

/* Deepen the CTA band to the ink so the rose accent still pops on the button. */
.dband { background: var(--d-ink); color: var(--d-bg); }
.dband .dbtn { background: var(--d-accent); color: var(--d-accent-ink); }