/* Theme Tokens — 集中管理品牌色與語意色
 * 2026-05-13 Phase 0：建立骨架，現有 hex 暫不替換
 * 後續逐檔遷移 #xxxxxx → var(--token)
 *
 * 不做暗色主題；單一色系，方便維護「改一處全站連動」。
 *
 * 用法範例：
 *   color: var(--color-text-primary);
 *   background: var(--brand-primary);
 *   border: 1px solid var(--color-border);
 */

:root {
  /* ===== Primitive：品牌色盤（士燿基礎色） ===== */
  --brand-primary: #f8b600;        /* 士燿主黃（按鈕、強調、active）*/
  --brand-primary-light: #ffe100;  /* 淡黃 bg（hero、頂部 bar）*/
  --brand-primary-dark: #f4e700;   /* 深黃（hover）*/
  --brand-secondary: #244c5a;      /* 深藍灰（footer、副連結）*/
  --brand-accent: #f5204b;         /* 強調紅（hover、active 點綴）*/
  --brand-cyan: #4cd3e3;           /* 輔助青（icon、tag）*/
  --brand-blue: #00adef;           /* 連結 hover 藍 */

  /* ===== Neutral：中性灰階 ===== */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-900: #222222;       /* 主文字 */
  --color-gray-700: #333333;       /* 內文 */
  --color-gray-600: #555555;       /* 副文字 */
  --color-gray-500: #777777;       /* 次要文字 */
  --color-gray-400: #999999;       /* 提示文字 */
  --color-gray-300: #aaaaaa;       /* disabled */
  --color-gray-200: #cccccc;       /* 邊框 */
  --color-gray-100: #eeeeee;       /* 細線 / 分隔 */
  --color-gray-50:  #f9f9ff;       /* 區塊底色 */
  --color-bg-body:  #eff0f0;       /* body 底色（pages 預設）*/

  /* ===== Semantic：語意 alias（給元件用，未來改色只動 primitive） ===== */
  --color-text-primary:   var(--color-gray-900);
  --color-text-secondary: var(--color-gray-500);
  --color-text-muted:     var(--color-gray-400);
  --color-text-disabled:  var(--color-gray-300);
  --color-text-on-brand:  var(--color-white);
  --color-link:           var(--brand-secondary);
  --color-link-hover:     var(--brand-blue);

  --color-bg-page:    var(--color-bg-body);
  --color-bg-subtle:  var(--color-gray-50);
  --color-bg-elevated: var(--color-white);

  --color-border:        var(--color-gray-100);
  --color-border-strong: var(--color-gray-200);

  --color-success: #28a745;
  --color-warning: var(--brand-primary);
  --color-danger:  var(--brand-accent);
  --color-info:    var(--brand-blue);
}