/* css/tokens.css — 設計變數：色彩 / 字級 / 間距 / 圓角 / 陰影 */

:root {
  /* ---- 色彩：籃球橘 accent + 暖灰底 + 深炭文字 ---- */
  --color-accent: #E8590C;
  --color-accent-dark: #B8430A;
  --color-accent-tint: #FDEAE0;
  --color-accent-contrast: #FFFFFF;

  --color-bg: #FAF9F7;
  --color-surface: #FFFFFF;
  --color-surface-sunken: #F2EFE9;
  --color-border: #E7E1D8;
  --color-border-strong: #D8CFC1;

  --color-text: #201A15;
  --color-text-muted: #6B6053;
  --color-text-faint: #94897A;
  --color-text-on-accent: #FFFFFF;

  --color-success: #17794F;
  --color-success-tint: #E1F4EB;
  --color-danger: #B23B2E;
  --color-danger-tint: #FBE7E3;

  --color-court-line: #C9BFAF;
  --color-spot-idle: #C7BFB2;

  --color-heat-none: #D8D2C6;
  --color-heat-cold: #3E7CB1;
  --color-heat-warm: #E3A72E;
  --color-heat-hot: #E8590C;

  /* ---- 字級 ---- */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC",
    "Noto Sans TC", "Microsoft JhengHei", "Heiti TC", sans-serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 19px;
  --text-xl: 26px;
  --text-2xl: 38px;
  --text-3xl: 48px;

  --leading-tight: 1.2;
  --leading-normal: 1.5;

  /* ---- 間距 ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 40px;
  --space-8: 56px;

  /* ---- 圓角 ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* ---- 陰影 ---- */
  --shadow-sm: 0 1px 2px rgba(32, 26, 21, 0.06);
  --shadow-md: 0 6px 20px rgba(32, 26, 21, 0.09);
  --shadow-lg: 0 12px 36px rgba(32, 26, 21, 0.14);

  /* ---- 觸控 / 動效 ---- */
  --touch-min: 48px;
  --transition-fast: 150ms ease;
  --transition-med: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);

  --tabbar-height: 64px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 1ms;
    --transition-med: 1ms;
  }
}