/* ==========================================================================
   demo-cafe.css — "Ember & Oat"
   Warm, hand-made, unhurried. Cream paper, terracotta, a readable serif.
   Soft corners and generous leading; nothing shouts.
   ========================================================================== */

:root {
  --d-bg:         #FBF7F0;
  --d-ink:        #2B241C;
  --d-muted:      #7A6A57;
  --d-accent:     #BC5B33;
  --d-accent-ink: #FFF8F0;
  --d-surface:    #F4EBDC;
  --d-line:       rgba(43, 36, 28, .13);
  --d-line-strong:rgba(43, 36, 28, .28);

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

body { letter-spacing: .002em; }

.dnav__brand { font-weight: 600; letter-spacing: -.02em; }
.dh2, .dhero__title { font-weight: 600; }

/* A serif this soft wants a touch more air than the kit default. */
.dhero__title { line-height: 1.06; letter-spacing: -.022em; }
.dlede { font-size: 18px; line-height: 1.65; }

/* Hand-drawn feel: the accent rule under section kickers. */
.dkicker { display: inline-block; padding-bottom: 6px; border-bottom: 2px solid var(--d-accent); }

.dcard { box-shadow: 0 1px 0 rgba(43, 36, 28, .04); }

/* Menu prices sit in the ink colour here — terracotta on cream at small
   sizes reads as an error state rather than a price. */
.dmenu__price { color: var(--d-ink); }
.dmenu__name  { font-family: var(--d-display); font-size: 18px; font-weight: 600; }

/* Opening-hours block, used on Home and Visit. */
.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); }

/* Stamp — the one decorative flourish. */
.dstamp {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--d-accent);
  border: 1.5px solid var(--d-accent);
  border-radius: 999px;
  padding: 8px 16px;
}

.dband { background: var(--d-ink); color: var(--d-bg); }
.dband .dbtn { background: var(--d-accent); color: var(--d-accent-ink); }