/* ============================================
   CSS CUSTOM PROPERTIES (VARIABLES) ONLY
   ============================================ */

:root {
    /* Brand Colors - 沈穩藍色系 */
    --color-primary: #3B82F6;           /* 主藍色 - 活力信任 */
    --color-primary-dark: #1E3A8A;      /* 深藍色 - 沈穩專業 */
    --color-primary-light: #93C5FD;     /* 淺藍色 - 柔和清新 */
    
    /* Text Colors - 藍灰色系 */
    --color-text-primary: #1F2937;       /* 深灰藍 - 主要文字 */
    --color-text-secondary: #4B5563;    /* 中灰藍 - 次要文字 */
    
    /* Background Colors - 藍白系 */
    --color-background-primary: #FFFFFF;    /* 純白 */
    --color-background-secondary: #F8FAFC;  /* 淺灰白 */
    --color-background-light: #F1F5F9;       /* 淺藍灰 */
    
    /* Section Background Colors - 藍色系層次設計 */
    --color-section-award: #1E3A8A;          /* 深藍背景 */
    --color-section-partners: #F8FAFC;       /* 淺灰白 */
    --color-section-core-value: #F1F5F9;     /* 淺藍灰 */
    --color-section-integrations: #EFF6FF;   /* 極淺藍 */
    --color-section-success: #F0F9FF;        /* 淺藍白 */
    --color-section-cta: #1E3A8A;            /* 深藍背景 */
    
    /* Border & Accent Colors */
    --color-border: #E5E7EB;             /* 淺灰邊框 */
    
    /* Typography */
    --font-family-primary: 'Noto Sans TC', 'Noto Sans', sans-serif;
    --font-size-base: 1rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 2rem;
    --font-size-2xl: 2.5rem;
    --font-size-3xl: 3rem;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Container */
    --container-max-width: 1200px;
}