/**
 * Flowee Continuum — Design System Tokens
 * Beauty Business Operating System
 * 全站共用；不改業務邏輯，只統一視覺語言。
 */
:root {
  /* Brand */
  --flow-ink: #0b1f24;
  --flow-ink-soft: #243940;
  --flow-muted: #5c6f76;
  --flow-faint: #8a9aa0;
  --flow-canvas: #f5f8f7;
  --flow-surface: #ffffff;
  --flow-surface-2: #eef3f1;
  --flow-line: rgba(11, 31, 36, 0.10);
  --flow-line-strong: rgba(11, 31, 36, 0.16);
  --flow-brand: #1a6b5c;
  --flow-brand-soft: rgba(26, 107, 92, 0.10);
  --flow-brand-strong: #145247;
  --flow-ok: #1f8a6e;
  --flow-warn: #b45309;
  --flow-danger: #b42318;
  --flow-info: #1d6b8a;

  /* Radii / motion / type */
  --flow-radius-sm: 8px;
  --flow-radius: 12px;
  --flow-radius-lg: 16px;
  --flow-shadow: 0 8px 28px rgba(11, 31, 36, 0.06);
  --flow-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --flow-font: "Sora", "Noto Sans TC", "PingFang TC", sans-serif;
  --flow-display: "Sora", "Noto Sans TC", sans-serif;

  /* Legacy bridges — Admin / Booking 既有變數對齊 Continuum（功能不變） */
  --ink: var(--flow-ink);
  --muted: var(--flow-muted);
  --accent: var(--flow-brand);
  --accent-dark: var(--flow-brand-strong);
  --accent-soft: var(--flow-brand-soft);
  --accent-tint: var(--flow-surface-2);
  --accent-border: var(--flow-line-strong);
  --primary-dark: var(--flow-brand-strong);
  --btn-shadow: rgba(26, 107, 92, 0.28);
  --line: #e5ece9;
  --line-strong: #d3ddd9;
  --bg: var(--flow-canvas);
  --card: var(--flow-surface);
  --wkend: #c45c4a;
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* 共用微互動 */
.flow-ds-btn-press:active {
  transform: scale(0.98);
}

@keyframes flow-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

@keyframes flow-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}