:root {
  /* 品牌核心色彩 */
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-active: #1e40af;
  
  /* 叫車平台識別色 */
  --color-uber: #000000;
  --color-uber-text: #ffffff;
  --color-ola: #00D554;
  --color-ola-text: #000000;
  --color-rapido: #F9C933;
  --color-rapido-text: #000000;

  /* 背景與文字層級 (高對比度規範) */
  --bg-page: #f8fafc;
  --bg-card: #ffffff;
  --bg-surface: #f1f5f9;
  --bg-accent: #eff6ff;

  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-white: #ffffff;

  --border-light: #e2e8f0;
  --border-focus: #3b82f6;

  /* 尺寸與陰影 */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);

  /* iOS Safe Area */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}