@layer tokens {
  :root {
    /* 底色与面板 */
    --bg: #f4f5f7;
    --panel: #ffffff;

    /* 墨色阶（信息层级） */
    --ink-900: #0b1220;
    --ink-800: #16202f;
    --ink-700: #334155;
    --ink-600: #475569;
    --ink-500: #64748b;
    --ink-400: #94a3b8;
    --ink-300: #cbd5e1;

    /* 线 */
    --line: rgba(11, 18, 32, 0.07);
    --line-strong: rgba(11, 18, 32, 0.14);

    /* 语义色（只用于状态点与提示，不做大面积填充） */
    --running: #15803d;
    --finished: #94a3b8;
    --danger: #b91c1c;
    --amber: #b45309;

    /* 形状 */
    --radius-lg: 16px;
    --radius: 12px;
    --radius-sm: 9px;
    --shadow-sm: 0 1px 2px rgba(11, 18, 32, 0.04);
    --shadow-md: 0 14px 34px -22px rgba(11, 18, 32, 0.4);

    --font: 'Inter', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mono: 'SF Mono', ui-monospace, 'JetBrains Mono', Menlo, monospace;
  }
}