/* ============================================
   Design Tokens — 速取视界 v6 (Suptools 风格)
   设计参考：vid.suptools.win
   关键调色：纸白底 + 墨色字 + 蓝主色（更亮更鲜明）
   ============================================ */
:root {
    /* --- Primary（对齐参考站 #1478ff，比原 #2563EB 更亮更鲜明） --- */
    --primary: #1478ff;
    --primary-600: #075ed8;       /* 参考站 blue-deep */
    --primary-700: #0548b0;
    --primary-hover: #075ed8;
    --primary-light: rgba(20, 120, 255, 0.08);
    --primary-alpha: rgba(20, 120, 255, 0.06);
    --primary-gradient: linear-gradient(135deg, #1478ff 0%, #3b8bff 100%);

    /* --- Accent --- */
    --accent: #f59e0b;
    --accent-hover: #d97706;
    --accent-light: rgba(245, 158, 11, 0.08);

    /* --- Semantic（绿色对齐参考站 #23a879） --- */
    --success: #23a879;
    --success-light: rgba(35, 168, 121, 0.08);
    --error: #e04663;             /* 参考站用过的暖红 */
    --error-light: rgba(224, 70, 99, 0.08);
    --warning: #f59e0b;
    --warning-light: rgba(245, 158, 11, 0.08);

    /* --- Surface (Light) 对齐参考站 paper/line --- */
    --bg: #f7fafc;                /* 参考站 --paper */
    --surface: #ffffff;           /* 参考站 --white */
    --surface-hover: #f1f5f8;     /* 比 paper 略深一档，用于 hover */
    --surface-raised: #ffffff;
    --border: #dfe6eb;            /* 参考站 --line */
    --border-hover: #cfd8df;      /* 参考站 secondary line */
    --divider: #eef2f5;

    /* --- Text (Light) 对齐参考站 ink/muted --- */
    --text: #101419;              /* 参考站 --ink */
    --text-secondary: #475569;    /* 介于 ink 与 muted 之间 */
    --text-tertiary: #8a949d;     /* 参考站用过的中性灰 */
    --text-inverse: #ffffff;

    /* --- Platform Colors（保留原有品牌色） --- */
    --color-douyin: #000000;
    --color-bilibili: #00a1d6;
    --color-xiaohongshu: #fe2c55;
    --color-kuaishou: #ff4906;
    --color-haokan: #2b6de8;
    --color-zuiyou: #5b8def;
    --color-weibo: #e6162d;
    --color-pipixia: #ffcf3f;
    --color-weishi: #ff6363;
    --color-xigua: #ff5656;
    --color-videoaccount: #07c160;  /* 微信视频号 */

    /* --- Typography（系统字体栈，零下载零跨境延迟） --- */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', 'Consolas', 'Monaco', monospace;

    --text-xs: 0.75rem;    /* 12px */
    --text-sm: 0.875rem;   /* 14px */
    --text-base: 1rem;     /* 16px */
    --text-md: 1.125rem;   /* 18px */
    --text-lg: 1.25rem;    /* 20px */
    --text-xl: 1.5rem;     /* 24px */
    --text-2xl: 2rem;      /* 32px */
    --text-3xl: 2.5rem;    /* 40px */
    --text-hero: 3rem;     /* 48px hero 专用 */

    --leading-tight: 1.2;
    --leading-snug: 1.35;
    --leading-normal: 1.6;
    --leading-relaxed: 1.75;

    --tracking-tight: -0.02em;
    --tracking-hero: -0.03em;     /* hero 大字号需要更紧凑 */

    /* --- Spacing --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;       /* hero 区垂直留白 */
    --space-24: 96px;

    /* --- Radius（参考站偏小圆角，更克制） --- */
    --radius-sm: 6px;
    --radius-md: 8px;       /* 参考站常见圆角 */
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-full: 9999px;

    /* --- Shadow（参考站阴影极轻，几乎扁平） --- */
    --shadow-xs: 0 1px 2px rgba(16, 20, 25, 0.04);
    --shadow-sm: 0 1px 3px rgba(16, 20, 25, 0.05);
    --shadow-md: 0 2px 8px rgba(16, 20, 25, 0.06);
    --shadow-lg: 0 8px 24px rgba(16, 20, 25, 0.08);
    --shadow-card: 0 1px 2px rgba(16, 20, 25, 0.04), 0 0 0 1px rgba(16, 20, 25, 0.03);
    --shadow-card-hover: 0 4px 12px rgba(20, 120, 255, 0.08), 0 0 0 1px rgba(20, 120, 255, 0.1);
    --shadow-blue: 0 8px 24px rgba(20, 120, 255, 0.16);  /* 主按钮专用 */

    /* --- Transition --- */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* --- Z-index --- */
    --z-header: 100;
    --z-loading: 1000;
    --z-history: 1001;
    --z-lightbox: 1002;
    --z-toast: 1010;
    --z-live-player: 9999;

    /* --- Layout --- */
    --max-width: 1200px;
    --content-width: 760px;       /* hero 单列内容宽度，参考站收窄 */
    --result-width: 960px;        /* 结果区宽度，独立于 hero */
    --sidebar-width: 420px;
}