/* YC Salon /app — Design tokens（對應 docs/YC_SALON_DESIGN_SYSTEM.md v3.5，手機優先 393×852） */
:root {
  --gold: #C6A46A;
  --gold-light: #DFCA9B;
  --gold-deep: #B88E4F;
  --gold-tint: #FAF5EB;
  --gold-gradient: linear-gradient(135deg, #DFCA9B 0%, #C6A46A 100%);

  --pink: #F8A4B8;
  --pink-deep: #D97489;
  --pink-tint: #FDF0F3;

  --maroon: #4E1C1A;
  --maroon-dark: #381211;
  --text: #5A3533;
  --text-muted: #8C7371;
  --text-faint: #B3A3A0;

  --bg: #FAF7F5;
  --surface: #FFFFFF;
  --surface-sunken: #F4EEEA;
  --line: #EDE3DE;

  --ok: #2A9D5E;
  --ok-tint: #EDF8F1;
  --warn: #C98A1B;
  --warn-tint: #FBF3E0;
  --danger: #C0453A;
  --danger-tint: #FBEBE9;
  --info: #4C7EA8;
  --info-tint: #EAF2F8;

  --gloss: inset 0 1px 1px rgba(255, 255, 255, 0.9), 0 8px 24px rgba(78, 28, 26, 0.06);
  --shadow-sm: 0 2px 8px rgba(78, 28, 26, 0.05);
  --shadow-lg: 0 12px 40px rgba(78, 28, 26, 0.18);
  --halo: 0 0 24px rgba(255, 220, 150, 0.35);
  --glass-bg: rgba(255, 255, 255, 0.88);
  --glass-blur: blur(16px);

  --r-sm: 10px;
  --r-card: 20px;
  --r-sheet: 28px;
  --r-pill: 9999px;

  --tap: 44px;
  --tabbar-h: 60px;
  --header-h: 52px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --font: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Segoe UI", Roboto, sans-serif;
}