/* ============================================================
   Watchpilot · tokens.css
   设计 token: :root CSS 变量 (色板/字体/间距)
   (原 main.css 行 1-86)
   ============================================================ */

/* Watchpilot main.css (从 1.html 拆出) */

:root {
    /* Backgrounds - 两阶 + 卡片白 */
    --bg-sidebar: #f2f0ec;
    --bg-main: #faf8f5;
    --bg-card: #ffffff;
    --bg-subtle: #f5f2ec;
    --bg-hover: rgba(0, 0, 0, 0.025);
    --bg-elev: #ffffff;          /* 弹窗/卡片浮层 (登录框用) */
    --bg-base: #faf8f5;          /* 输入框底色 (登录框用) */
    
    /* Borders - tonal to bg */
    --border-subtle: #e8e3d8;
    --border-soft: #ede8dd;
    --border-strong: #d4ccbe;
    
    /* Text - 暖灰阶 */
    --text-1: #1c1917;
    --text-2: #57534e;
    --text-3: #a8a29e;
    --text-4: #c4bdb3;

    /* --ink-* 别名: 落地页/设计师新版 sidebar.css·弹层引用的文字色阶, 复用本页暖灰阶(主题感知) */
    --ink-1: var(--text-1);
    --ink-2: var(--text-2);
    --ink-3: var(--text-3);
    --ink-4: var(--text-4);

    /* 唯一强调色:近黑(替代原 brand turquoise) */
    --accent: #1c1917;
    --accent-hover: var(--text-1);
    
    /* A股红涨绿跌(中国红 + 等饱和等饱度绿,符合需求规范) */
    --up: #E63946;
    --up-soft: #fdeaec;
    --up-line: #f6c4ca;
    --up-deep: #c01f2c;
    
    --down: #06A77D;
    --down-soft: #e3f5ee;
    --down-line: #b9e2d2;
    
    --flat: #9CA3AF;       /* 平盘灰 */
    
    /* Push 等级(只保留紧急红的语义色,其余降为中性) */
    --urgent: #E63946;
    --urgent-soft: #fdeaec;
    --important: #B8893E;    /* 深棕黄替代鲜橙 */
    --important-soft: #f5efdf;
    --normal: #a8a29e;
    
    /* 品牌点缀色: 黄铜金 (三页统一; landing 原 --brass / pro 原 --pro-gold 收敛于此) */
    --brand: #B8893E;
    --brand-deep: #9a6f2c;
    --brand-soft: #f5efdf;
    --brass: var(--brand);          /* landing 别名 */

    /* 圆角 (三页统一标尺) */
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;

    /* 阴影 (暖黑三阶, 取自 landing — 三页统一立体感) */
    --shadow-sm: 0 1px 2px rgba(28,25,23,.05), 0 1px 1px rgba(28,25,23,.03);
    --shadow-md: 0 12px 30px -12px rgba(28,25,23,.18), 0 4px 10px -6px rgba(28,25,23,.10);
    --shadow-lg: 0 40px 80px -32px rgba(28,25,23,.30), 0 12px 28px -16px rgba(28,25,23,.14);
    --shadow: var(--shadow-md);     /* pro 别名 */

    /* Fonts — 统一字体栈: 中文用 Noto Sans SC(正文)/Noto Serif SC(标题), Windows 上不再回退到雅黑 */
    --font-sans: 'Plus Jakarta Sans', 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', -apple-system, system-ui, sans-serif;
    --font-display: 'Newsreader', 'Songti SC', 'Noto Serif SC', Georgia, serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

    /* Sizing — 流式: 侧栏/顶栏随视口在 1280~2560 区间等比缩放, 防换屏比例错位
       (注: sidebar.css 的 :root 会把 --sidebar-w 覆盖为下方同款 clamp, 二者一致) */
    --sidebar-w: clamp(264px, 19.5vw, 360px);
    --topbar-h: clamp(56px, 4vw, 64px);
    --tabbar-h: clamp(44px, 3.2vw, 48px);

    /* 超宽屏(>2160px)主内容容器上限: 防内容被拉得过宽、字稀疏; 取大值尽量不改变常规视野 */
    --content-max: 2100px;
  }

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html, body {
    height: 100%;
    overflow: hidden;
  }

  /* 流式根字号: 14px@小屏 → 17px@大屏, 让 rem/em 度量随视口等比缩放,
     从根本上缓解"换台电脑(尤其 1366/1440 笔记本)比例就错位"的问题;
     上下夹紧, 保证开发者当前大屏观感基本不变 */
  html {
    font-size: clamp(14px, 0.34vw + 12.4px, 18px);
  }

  body {
    font-family: var(--font-sans), 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    background: var(--bg-main);
    color: var(--text-1);
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "cv11", "ss01";
  }
  
  .num {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
  }
  
  .up { color: var(--up); }
  .down { color: var(--down); }