/* ============================================================
   Theme: wellness-calm — 療癒自然
   調色盤：柔和綠 · 米白 · 大地棕
   適合：有機保養、草本護膚、瑜珈美容工作室
   ============================================================ */
:root {
  /* ── Brand ──────────────────────────────────────────── */
  --color-primary:         #2e7d32;
  --color-primary-light:   #4caf50;
  --color-primary-dark:    #1b5e20;
  --color-primary-bg:      #e8f5e9;

  /* ── Surface & Background ───────────────────────────── */
  --color-bg:              #fafcf8;
  --color-hero-bg:         #e8f5e9;
  --color-surface:         #ffffff;
  --color-surface-alt:     #f1f8e9;
  --color-border:          #c8e6c9;

  /* ── Text ───────────────────────────────────────────── */
  --color-heading:         #1b5e20;
  --color-text:            #2e3d2f;
  --color-muted:           #6a8c6b;

  /* ── Interaction ────────────────────────────────────── */
  --color-btn-primary-bg:  #2e7d32;
  --color-btn-primary-text:#ffffff;
  --color-btn-hover-bg:    #1b5e20;
  --color-focus-ring:      rgba(76,175,80,.35);

  /* ── Status ─────────────────────────────────────────── */
  --color-confirmed:       #2e7d32;
  --color-pending:         #f57f17;
  --color-cancelled:       #9e9e9e;

  /* ── Typography ─────────────────────────────────────── */
  --font-family:           'Noto Sans TC', -apple-system, sans-serif;
  --font-size-base:        15px;
  --line-height-base:      1.7;

  /* ── Radius & Shadow ────────────────────────────────── */
  --radius-sm:             6px;
  --radius-md:             10px;
  --radius-lg:             16px;
  --shadow-card:           0 2px 12px rgba(0,0,0,.06);
  --shadow-modal:          0 8px 32px rgba(0,0,0,.12);
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

/* Book button */
.book-btn {
  background: var(--color-btn-primary-bg) !important;
  color: var(--color-btn-primary-text) !important;
}
.book-btn:hover { background: var(--color-btn-hover-bg) !important; }