/**
 * FRIDAI CIS Tokens — Single Source of Truth for static HTML pages
 *
 * Linked by all /static/*.html files. Mirrors src/app/theme.ts +
 * src/lib/platform-colors.ts so React + static stay in sync.
 *
 * Change a color HERE → propagates to all static HTML pages.
 * Update React side at theme.ts / platform-colors.ts in same commit.
 *
 * Last verified: 2026-04-27 against PLATFORM-CIS.md
 */

:root {
  /* ── FRIDAI brand（4 條產品線、必須與 theme.ts 一致） ──────── */
  --fridai-chat:    #605DBA;   /* Chat 紫 — 主 CTA */
  --fridai-social:  #3F77DF;   /* Social 藍 */
  --fridai-post:    #0EA5E9;   /* Post 天藍 */
  --fridai-auto:    #30D158;   /* Auto 綠 */
  --fridai-cta-gradient: linear-gradient(135deg, var(--fridai-chat) 0%, var(--fridai-social) 100%);

  /* ── Platform brand colors（WebSearch verified 2026-04） ──── */
  --plat-line:      #06C755;   /* LINE Corp 2017+ rebrand（舊 #00B900 已棄、見 platform-colors.ts 註解） */
  --plat-instagram: #E4405F;   /* IG mono fallback */
  --plat-ig-gradient: linear-gradient(135deg, #F58529 0%, #DD2A7B 50%, #8134AF 75%, #515BD4 100%);
  --plat-facebook:  #1877F2;
  --plat-threads:   #000000;
  --plat-whatsapp:  #25D366;
  --plat-youtube:   #FF0000;
  --plat-telegram:  #0088CC;
  --plat-tiktok:    #000000;
  --plat-x:         #000000;
  --plat-linkedin:  #0077B5;
  --plat-discord:   #5865F2;

  /* ── Neutral / text ────────────────────────────── */
  --color-text:           #1D1D1F;             /* 主文字 / 預設按鈕 */
  --color-text-secondary: #6E6E73;
  --color-text-muted:     #9B9A97;
  --color-bg:             #F5F5F7;             /* 頁底 */
  --color-card:           #FFFFFF;
  --color-border:         rgba(0, 0, 0, 0.08);
  --color-border-strong:  rgba(0, 0, 0, 0.12);

  /* ── Semantic ──────────────────────────────────── */
  --color-error:   #FF453A;
  --color-warning: #FF9F0A;
  --color-success: #34C759;

  /* ── Typography（CIS 規定、不要 Noto Sans） ───────── */
  --font-zh: 'LINE Seed TW', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-stack: var(--font-zh);

  /* ── Radius / shadow（與 Chakra theme 對齊） ──────── */
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
}