/*
 * FullTimeTaxi — 設計令牌
 * 結構沿用內部 EDS 設計系統的令牌命名，數值為本專案品牌（的士紅）。
 */

:root {
  /* ── 品牌 ── */
  --brand:          #c8102e;
  --brand-hover:    #a50d26;
  --brand-light:    #fdecef;
  --brand-weaken:   rgba(200, 16, 46, 0.12);

  /* ── 表面 ── */
  --face:           #ffffff;
  --page:           #ffffff;
  --menu:           #fafafa;
  --container:      #e6e7e8;
  --data-table:     #f4f5f6;
  --flotation:      #e2e4e6;

  /* ── 文字 ── */
  --text-primary:   #020304;
  --text-secondary: rgba(2, 3, 4, 0.6);
  --text-tertiary:  rgba(2, 3, 4, 0.4);
  --text-quaternary:rgba(2, 3, 4, 0.2);
  --text-white-primary:   #ffffff;
  --text-white-secondary: rgba(255, 255, 255, 0.6);

  /* ── 狀態 ── */
  --danger:         #d7462d;
  --danger-light:   rgba(215, 70, 45, 0.12);
  --success:        #1fc35a;
  --success-light:  rgba(31, 195, 90, 0.12);
  --warning:        #eb9114;
  --warning-light:  rgba(235, 145, 20, 0.12);
  --info:           #006d9e;
  --info-light:     rgba(0, 109, 158, 0.08);

  /* ── 線條 ── */
  --stroke-divider: rgba(2, 3, 4, 0.06);
  --stroke-outline: rgba(2, 3, 4, 0.12);
  --stroke-module:  #ebeced;

  /* ── 間距（4px 基準） ── */
  --sp-05: 2px;
  --sp-1:  4px;
  --sp-15: 6px;
  --sp-2:  8px;
  --sp-25: 10px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;

  /* ── 字體 ── */
  --font-sans: "Inter", "PingFang HK", "PingFang SC", "Noto Sans TC",
               "Microsoft JhengHei", system-ui, -apple-system, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* ── 圓角與陰影 ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-full: 999px;
  --shadow-card: 0 1px 2px rgba(2, 3, 4, 0.04), 0 4px 16px rgba(2, 3, 4, 0.04);
  --shadow-deep: 0 8px 32px rgba(2, 3, 4, 0.12);
}
