/* ============================================================
   DESIGN TOKENS — 极简深色 / 荧光绿主题 / 红色强调 / 网格对齐
   基准单位 u = 8px，大网格 G = 32px，所有尺寸均为整数倍
   ============================================================ */
:root{
  /* --- 网格 --- */
  --u: 8px;
  --G: 40px;                /* 背景大网格边长 */
  --u1: 8px;  --u2: 16px;  --u3: 24px;
  --u4: 32px; --u5: 40px;  --u6: 48px;  --u8: 64px;

  /* --- 底层色（中性深灰，把彩度留给荧光绿高亮） --- */
  --bg:        #060706;
  --bg-2:      #0A0B0A;
  --panel:     #0B0E0B;
  --panel-2:   #0F130F;
  --panel-3:   #131813;
  --raised:    #171C17;

  /* --- 线条 --- */
  --grid-line: rgba(255,255,255,.05);   /* 背景大网格：中性灰，极淡 */
  --line:      #1E241E;
  --line-2:    #272E27;
  --line-3:    #333B33;

  /* --- 文字 --- */
  --txt:       #E2E6E2;
  --txt-2:     #98A69B;
  --txt-3:     #6B756C;
  --txt-4:     #474D47;

  /* --- 荧光绿（主题） --- */
  --acid:      #39FF14;
  --acid-2:    #2BD60D;
  --acid-3:    #1B8F08;
  --acid-dim:  rgba(57,255,20,.12);
  --acid-dim2: rgba(57,255,20,.22);
  --acid-glow: rgba(57,255,20,.35);

  /* --- 红色（强调/高优先级/逾期） --- */
  --red:       #FF3D3D;
  --red-2:     #D92626;
  --red-dim:   rgba(255,61,61,.13);
  --red-dim2:  rgba(255,61,61,.25);
  --red-glow:  rgba(255,61,61,.35);

  /* --- 语义 --- */
  --high: var(--red);
  --med:  var(--acid);
  --low:  var(--txt-3);
  --done: #1B8F08;

  /* --- 字体 --- */
  --mono: "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas,
          "Liberation Mono", Menlo, "Sarasa Mono SC", "Microsoft YaHei", monospace;
  --pixel: "Press Start 2P", var(--mono);

  /* --- 尺寸（背景大网格 40px，模块边缘均压在网格线上） --- */
  --sidebar-w: 280px;        /* 7 × 40 */
  --topbar-h: 80px;          /* 2 × 40 */
  --radius: 0px;             /* 像素风：直角 */
  --card-h: 160px;           /* 5 x 32 */

  /* --- 动效 --- */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: .16s;
}