/* Bookflow widget — DEFAULT SKIN.
   Only tokens and page chrome. A client site that embeds the widget skips this
   file entirely and defines the same tokens in its own stylesheet, so it never
   has to fork widget-base.css. */

:root {
  --bf-brand:        #0b6ca6;
  --bf-on-brand:     #ffffff;
  --bf-bg:           #ffffff;
  --bf-panel:        #f6f9fc;
  --bf-line:         #dde6ee;
  --bf-line-strong:  #b9cddd;
  --bf-ink:          #12212f;
  --bf-ink-2:        #4c6376;
  --bf-muted:        #7b8fa1;
  --bf-radius:       12px;
  --bf-font:         Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bf-font-display: Inter, sans-serif;
  --bf-font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;
  --bf-bar-shadow:   0 -6px 20px rgba(16, 40, 64, .07);

  /* Accepted discount / voucher. A theme overrides these like any other token. */
  --bf-ok:           #0f7b52;
  --bf-ok-bg:        #eaf7f0;
  --bf-ok-line:      #bfe3d0;
}

body {
  margin: 0;
  background: var(--bf-panel);
  color: var(--bf-ink);
  font-family: var(--bf-font);
  -webkit-font-smoothing: antialiased;
}

#bf-widget { padding: 24px 16px 48px; }

.bf-head { text-align: center; margin-bottom: 18px; }
.bf-head .biz { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.bf-head .sub { color: var(--bf-muted); font-size: 13px; margin-top: 2px; }