/* ============================================================
   拾序 SortStep · Unified Design Tokens
   Single source of truth for color / type / radius / shadow.
   Every module maps its own legacy variables onto these tokens.
   （設計推理詳見 design-system/MASTER.md · ui-ux-pro-max）
   ============================================================ */
:root {
  /* Brand — warm coral orange (matches PWA manifest theme_color) */
  --brand: #FF7A45;
  --brand-deep: #F0642A;
  --brand-2: #FFA26B;
  --brand-soft: #FFF1E8;
  --brand-grad: linear-gradient(135deg, #FF7A45, #FFA26B);
  --brand-shadow: 0 6px 18px rgba(240, 100, 42, .35);

  /* Surfaces（卡片唔用純白：暖橙主題調 → 輕奶油色，跟品牌色搭配） */
  --bg: #FAF6F1;
  --card: #FFF9F4;
  --ink: #3E2723;
  --sub: #8D6E63;
  --line: #F0E6DD;

  /* Semantic */
  --green: #43A047;
  --green-soft: #E8F5E9;
  --amber: #F6A623;
  --amber-soft: #FFF6E0;
  --red: #E5534B;
  --red-soft: #FDECEA;
  --blue: #4E8FE1;
  --blue-soft: #EAF2FD;
  --gold: #FFC53D;

  /* Shape */
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Elevation (warm-tinted, consistent scale) */
  --shadow-sm: 0 2px 8px rgba(62, 39, 35, .06);
  --shadow: 0 6px 22px rgba(62, 39, 35, .08);
  --shadow-lg: 0 12px 32px rgba(62, 39, 35, .12);

  /* Type */
  --font: "PingFang TC", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans TC", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Motion */
  --dur: .22s;
  --ease: cubic-bezier(.22, .8, .32, 1);

  /* Layout */
  --nav-h: 64px;
}

/* Respect reduced-motion globally */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}