/* static/css/tokens.css
 *
 * Design tokens — :root CSS variables only.
 *
 * Phase 1 (2026-05-21):
 *   Extracted from static/news-search.css line 1-71.
 *   Loaded via @import in static/news-search.css barrel-plus-legacy header.
 *
 * Scope:
 *   - @font-face (Noto Sans TC weights 400/500) — global font loading
 *   - :root CSS variables (color / shadow / radius / z-index / font tokens)
 *
 * Anti-pattern (avoid):
 *   - Do not add component-specific styles here. Components go to css/components/.
 *   - Do not add feature-specific tokens here. Feature tokens go to css/features/<name>.css.
 */

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/NotoSansTC-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/static/fonts/NotoSansTC-Medium.woff2') format('woff2');
}

:root {
    /* 品牌色 */
    --color-primary: #FDCB6E;
    --color-primary-hover: #d4a84b;
    --color-primary-light: #FFEAA7;
    --color-primary-bg: #FFEAA7;

    /* 文字 */
    --color-text: #2D3436;
    --color-text-secondary: #2D3436;
    --color-text-tertiary: #636e72;
    --color-text-muted: #B2BEC3;

    /* 背景 */
    --color-bg: #FFFFFF;
    --color-bg-hover: #FFFBF0;
    --color-bg-card: #FFFDF5;
    --color-bg-section: #FFF8E1;

    /* 邊框 */
    --color-border: #B2BEC3;
    --color-border-light: #dfe6e9;

    /* 狀態 */
    --color-success: #059669;
    --color-danger: #dc2626;
    --color-danger-bg: #fef2f2;
    --color-warning: #d97706;

    /* 陰影 */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
    --shadow-lg: 0 20px 40px rgba(0,0,0,0.2);

    /* 圓角 */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    /* z-index */
    --z-sidebar: 90;
    --z-sidebar-expand: 94;
    --z-left-sidebar: 95;
    --z-dropdown: 200;
    --z-modal: 1000;

    /* 字體 */
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft JhengHei', sans-serif;
}