/**
 * ETRONIC Design Tokens & Modern Foundation (CSS Variables)
 * 專為力毅國際 (ETRONIC) 被動元件工業製造業量身打造
 */

:root {
  /* ===== 品牌色彩系統 (Brand Palette) ===== */
  --et-primary:            #005BAC; /* 力毅科技藍 (Primary Brand Blue) */
  --et-primary-hover:      #004481; /* 深藍 (Hover & Active) */
  --et-primary-light:      #E6F0FA; /* 淺藍色塊 (標籤背景 / 表格表頭高亮) */
  --et-accent:             #E11D48; /* 強調紅 (New 產品標籤 / Alert) */
  --et-accent-orange:      #EA580C; /* 強調橘 (詢價按鈕 / 亮點) */

  /* ===== 中性與介面底色 (Neutrals & Surfaces) ===== */
  --et-bg-body:            #F8FAFC; /* 現代柔和淺底色 */
  --et-bg-surface:         #FFFFFF; /* 內容卡片白色底色 */
  --et-bg-subtle:          #F1F5F9; /* 次級灰底 (斑馬紋 / 次選單) */
  --et-border:             #CBD5E1; /* 邊框線條 */
  --et-border-light:       #E2E8F0; /* 淺邊框 */

  /* ===== 文字排版色彩 (Typography Colors) ===== */
  --et-text-main:          #0F172A; /* 主標題與深色字 (深石板灰) */
  --et-text-body:          #334155; /* 內文段落 */
  --et-text-muted:         #64748B; /* 次要文字與補充說明 */
  --et-text-inverse:       #FFFFFF; /* 反白文字 */

  /* ===== 字體族系 (Typography) ===== */
  --et-font-sans:          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --et-font-mono:          ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* ===== 圓角與陰影 (Elevation & Geometry) ===== */
  --et-radius-sm:          4px;
  --et-radius-md:          8px;
  --et-radius-lg:          12px;
  --et-shadow-sm:          0 1px 2px 0 rgb(0 0 0 / 0.05);
  --et-shadow-md:          0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --et-shadow-lg:          0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* ===== 響應式斷點 (Breakpoints) ===== */
  --et-container-max:      1200px;
}