/* ================================================================
   tokens.css｜設計系統 token 抽象變數定義
   ----------------------------------------------------------------
   案件：股票代墊（鼎峰投資管理顧問有限公司）
   由 apply_design_tokens 產出，複製自設計系統快速啟動包 v1.0
   產出日期：2026-05-17
   ----------------------------------------------------------------
   - 全部變數使用「角色 / 語意命名」（如 --color-primary）
   - 不使用「外觀命名」（如 --color-cyan、--font-inter）
   - 實際色值 / 字型由 tokens-preset-*.css 提供
   - 套用：請在 functions.php enqueue tokens.css 早於其他 stylesheet
   ================================================================ */

:root {
    /* === Colors === */
    --color-primary:        ;   /* 主色：CTA、品牌標識、強調連結 */
    --color-secondary:      ;   /* 副色：次要強調、輔助元素 */
    --color-accent:         ;   /* 強調色：警示、錯誤、特殊狀態 */
    --color-bg:             ;   /* 主背景 */
    --color-bg-alt:         ;   /* 次背景：卡片、區塊分隔 */
    --color-text:           ;   /* 主文字 */
    --color-text-muted:     ;   /* 次文字：說明、metadata */
    --color-border:         ;   /* 邊框：表單、卡片、分隔線 */

    /* === Typography === */
    --font-display:         ;   /* 標題 / 顯著文字字型 */
    --font-body:            ;   /* 內文 / 一般文字字型 */
    --font-mono:            ;   /* 程式碼 / 等寬文字 */

    --fs-h1:                ;   /* H1 大小（含單位，如 2.5rem） */
    --fs-h2:                ;
    --fs-h3:                ;
    --fs-body:              ;   /* 內文 */
    --fs-small:             ;   /* 小字、caption */

    --lh-tight:             ;   /* line-height：標題用 */
    --lh-body:              ;   /* line-height：內文用 */

    /* === Spacing === */
    --space-xs:             ;
    --space-sm:             ;
    --space-md:             ;
    --space-lg:             ;
    --space-xl:             ;

    /* === Radius === */
    --radius-sm:            ;
    --radius-md:            ;
    --radius-lg:            ;
    --radius-full:          9999px;  /* 圓形按鈕 / chip 用，固定值 */

    /* === Shadow === */
    --shadow-sm:            ;
    --shadow-md:            ;
    --shadow-lg:            ;

    /* === Layout === */
    --container-max-width:  ;   /* 主容器最大寬度 */
    --grid-gap:             ;   /* grid 預設間距 */

    /* === Transitions === */
    --transition-fast:      ;   /* hover / focus 等小動畫，如 0.15s */
    --transition-base:      ;
}

/* ================================================================
   套用注意
   ----------------------------------------------------------------
   - 本檔不直接套色值。請從 tokens-preset-*.css 載入
   - 載入順序：tokens.css → tokens-preset-*.css → style.css → layout.css
   ================================================================ */