/* ================================================================
   tokens-preset.css｜方案 2：白底精緻（light-refined）
   ----------------------------------------------------------------
   案件：股票代墊（鼎峰投資管理顧問有限公司）
   R7（2026-06-09）：客戶 N5 後改主題 dark-luxury → light-refined（白金色）
   ----------------------------------------------------------------
   風格：米白底（#FAFAF8）+ 深金字（#7A5C14）+ 暖米文字
         清雅質感，閱讀友好，正式信任感（如法律事務所、會計師）
   ================================================================ */

:root {
    --color-primary:        #7A5C14;        /* 深金：白底上確保 WCAG AA 對比度 */
    --color-secondary:      #B8964E;        /* 中金：次級按鈕、hover 狀態 */
    --color-accent:         #C9A961;        /* 品牌金：裝飾線、icon、標籤 */

    --color-bg:             #FAFAF8;        /* 暖米白主背景 */
    --color-bg-alt:         #F0EAD8;        /* 深一階米色：卡片、section 交替 */

    --color-text:           #1A1410;        /* 深暖黑主文字 */
    --color-text-muted:     #6B5A3E;        /* 暖棕輔助文字 */
    --color-border:         #D4C4A0;        /* 淺金調邊框 */

    --font-display:         'Noto Serif TC', 'Noto Sans TC', system-ui, serif;
    --font-body:            'Noto Sans TC', system-ui, sans-serif;
    --font-mono:            'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

    --fs-h1:                clamp(2rem, 5vw, 3rem);
    --fs-h2:                clamp(1.5rem, 3.5vw, 2.25rem);
    --fs-h3:                clamp(1.25rem, 2.5vw, 1.5rem);
    --fs-body:              1rem;
    --fs-small:             0.875rem;
    --lh-tight:             1.2;
    --lh-body:              1.8;            /* 白底閱讀稍寬行距 */

    --space-xs:             0.5rem;
    --space-sm:             0.75rem;
    --space-md:             1rem;
    --space-lg:             1.5rem;
    --space-xl:             2rem;

    --radius-sm:            0.25rem;        /* 白底方案略圓潤 */
    --radius-md:            0.5rem;
    --radius-lg:            1rem;
    --radius-full:          9999px;

    --shadow-sm:            0 1px 3px rgba(122, 92, 20, 0.08);
    --shadow-md:            0 4px 12px rgba(122, 92, 20, 0.12);
    --shadow-lg:            0 8px 28px rgba(122, 92, 20, 0.18);

    --container-max-width:  72rem;
    --grid-gap:             var(--space-lg);
    --transition-fast:      0.15s ease-out;
    --transition-base:      0.25s ease-out;
}