/* ============================================
   Whirlwind Tools 品牌設計變數（前台與後台共用，2026-10）
   - 前台 /dist/css/style.css 的 --primary-color 等變數改為引用這裡
   - 後台 /admin/dist/css/admin-theme.css 以這些值覆寫 Bootstrap 5 的 --bs-* 變數
   修改品牌色時只要改這個檔案
   ============================================ */
:root {
    --wwt-primary: #448899;
    --wwt-primary-rgb: 68, 136, 153;
    --wwt-primary-dark: #366d7a;
    --wwt-primary-darker: #2a5560;
    --wwt-primary-light: #e8f2f4;
    --wwt-secondary: #67717d;
    --wwt-accent: #5a9aa8;

    --wwt-success: #2e8b57;
    --wwt-warning: #d98a1c;
    --wwt-danger: #c94a4a;
    --wwt-info: #3f8fb0;

    --wwt-text: #333333;
    --wwt-text-muted: #666666;
    --wwt-bg-light: #f8f9fa;
    --wwt-surface-muted: #f4f7f8;
    --wwt-border: #dde4e7;

    --wwt-font-sans: 'Poppins', 'Segoe UI', 'Microsoft JhengHei', 'PingFang TC', 'Noto Sans TC', system-ui, sans-serif;
    --wwt-font-serif: 'PT Serif', Georgia, serif;

    --wwt-radius: 12px;
    --wwt-radius-sm: 8px;
    --wwt-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --wwt-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --wwt-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
    --wwt-transition: all 0.3s ease;
}