/* ============================================================
   NeuroAtlas · Design Tokens V0.2
   ------------------------------------------------------------
   配色方案：白 / 蓝 / 银灰（60 / 30 / 10）
   方案名：银白钴蓝 · Porcelain & Cobalt
   原则：白色作基底与留白，银灰负责分层与边框，蓝色只做强调与交互。
        不使用旧站的绿色 / 白色 / 金色组合，也不引入暖黄、米色主调。
   ============================================================ */

:root {
  color-scheme: light;

  /* ---------- 白 · 60%：页面基底、留白 ---------- */
  --white: #ffffff;
  --paper: #ffffff;

  /* ---------- 银灰 · 30%：分节背景 / 边框 / 次级信息 ---------- */
  --silver-50: #f6f8fb;
  --silver-100: #eef2f7;
  --silver-200: #e3e9f1;
  --silver-300: #cfd8e4;
  --silver-400: #aab6c6;

  /* ---------- 蓝 · 10%：主按钮 / 链接 / 选中态 / 数据强调 ---------- */
  --blue-50: #f2f6fe;
  --blue-100: #e6edfc;
  --blue-500: #2563eb;
  --blue-600: #1d4ed8;
  --blue-700: #173ca8;
  --blue-900: #0f2a75;

  /* ---------- 文字：近黑蓝 → 银灰 ---------- */
  --ink-900: #0a1526;
  --ink-800: #142136;
  --ink-700: #33445c;
  --ink-500: #5d6f87;
  --ink-400: #7f8fa4;
  --ink-300: #a9b6c6;

  /* ---------- 语义别名（组件优先使用） ---------- */
  --bg: var(--paper);
  --surface: var(--white);
  --surface-soft: var(--silver-50);
  --surface-tint: var(--silver-100);
  --line: var(--silver-200);
  --line-strong: var(--silver-300);
  --text: var(--ink-900);
  --text-soft: var(--ink-700);
  --text-muted: var(--ink-400);
  --brand: var(--blue-600);
  --brand-dark: var(--blue-700);
  --brand-soft: var(--blue-100);
  --brand-ghost: var(--blue-50);
  --focus: var(--blue-500);

  /* ---------- 网络分类色（蓝-银灰单色谱系，8 类） ---------- */
  --cat-fundamental: #64748b;
  --cat-vision: #2563eb;
  --cat-sequence: #3b6ea5;
  --cat-attention: #4f46e5;
  --cat-generative: #7c3aed;
  --cat-graph: #475569;
  --cat-unsupervised: #1e40af;
  --cat-neuromorphic: #8b5cf6;

  /* ---------- 字体：无衬线为主，等宽只做标签 / 编号 ---------- */
  --font-display: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-body: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace;

  /* ---------- 尺寸与效果 ---------- */
  --max-width: 1180px;
  --header-h: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(10, 21, 38, 0.05);
  --shadow-md: 0 12px 30px -16px rgba(10, 21, 38, 0.18);
  --shadow-lg: 0 30px 70px -34px rgba(10, 21, 38, 0.28);
}

/* 分类色快捷变量：<element data-cat="vision"> 内部可用 var(--cat) */
[data-cat="fundamental"] { --cat: var(--cat-fundamental); }
[data-cat="vision"] { --cat: var(--cat-vision); }
[data-cat="sequence"] { --cat: var(--cat-sequence); }
[data-cat="attention"] { --cat: var(--cat-attention); }
[data-cat="generative"] { --cat: var(--cat-generative); }
[data-cat="graph"] { --cat: var(--cat-graph); }
[data-cat="unsupervised"] { --cat: var(--cat-unsupervised); }
[data-cat="neuromorphic"] { --cat: var(--cat-neuromorphic); }