/* ════════════════════════════════════════════════════════════
   毕琛沣 · 作品集 —— 共享设计 token（对应 DESIGN.md）
   语义命名；纸幕用浅色，镜幕用暗色，强调色由 JS 按板块覆盖 --accent。
   ════════════════════════════════════════════════════════════ */
:root {
  /* 纸（浅色内容幕） */
  --washi: #f4f1ea;
  --surface: #fbfaf6;
  --ink-deep: #15181f;
  --ink: #20242f;
  --muted: #3a3f50;
  --soft: #565b6b;
  --faint: #6b7080;
  --line: rgba(20, 24, 40, 0.08);

  /* 镜（暗色仪器幕） */
  --on-dark: #f2f4f8;
  --on-dark-muted: #9a9fb0;
  --void-core: #1a1b24;
  --void-edge: #050506;

  /* 五分区强调色（默认视觉绿；板块页由 JS 覆盖 --accent） */
  --accent: #2f8f3e;
  --films-red: #c0392b;
  --commercial-gold: #b07d18;
  --visual-green: #2f8f3e;
  --graphic-purple: #8a5cc0;
  --motion-blue: #2f6fd0;

  /* 形状 / 缓动 / 阴影 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 40px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-card: 0 8px 24px rgba(20, 24, 40, 0.1);
  --shadow-card-hover: 0 16px 38px rgba(20, 24, 40, 0.18);
}