/* 设计变量。主站采用浅色主题；学生作品与卡片主题色保持各自原样。 */

:root {
  /* ── 底 ─────────────────────────────────────── */
  color-scheme: light;
  --bg:          #F5F5F2;
  --bg-raised:   #FFFFFF;   /* 侧边栏、面板 */
  --bg-sunken:   #F0F0EC;
  --line:        #E2E2DC;
  --line-strong: #C9C9C1;

  /* ── 字 ─────────────────────────────────────── */
  --ink:    #111111;
  --ink-2:  #505050;
  --ink-3:  #707070;        /* 标签，对白底保持足够对比度 */

  --heart:  #FF3B4E;        /* 投过票的小爱心 */

  /* ── 卡片与 L2 占位媒体 ─────────────────────── */
  --tint:        0.67;      /* 白端着色强度 */
  --tint-dark:   0.30;      /* 黑端相对着色（乘在 --tint 上） */
  --card-radius: 30px;

  /* ── 画布 ───────────────────────────────────── */
  --row-offset: 0;          /* 错行：0 = 正方网格，0.5 = 隔行错半格 */

  /* ── 间距 ───────────────────────────────────── */
  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* ── 字号 ───────────────────────────────────── */
  --t-xs: 11px; --t-sm: 12.5px; --t-base: 14.5px;
  --t-md: 16px; --t-lg: 20px;   --t-xl: 28px;

  /* ── 圆角 ───────────────────────────────────── */
  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-pill: 999px;

  /* ── 动作 ───────────────────────────────────── */
  --d-fast: 160ms;
  --d-base: 280ms;
  --d-slow: 520ms;
  --ease:     cubic-bezier(.16, 1, .3, 1);    /* 指数式减速 */

  /* ── 尺寸 ───────────────────────────────────── */
  --sidebar-w: 340px;
  --z-hud: 10; --z-sidebar: 20; --z-panel: 30;   /* L3 装在 L2 框里，没有自己的层级 */
}

/* 字体栈：Arial 放最前承担英文数字，汉字自动落到后面的中文黑体。
   思源黑体子集尚未自托管，先由系统同类字体顶上（见 CLAUDE.md 待办）。 */
:root {
  --font: Arial, "Source Han Sans SC", "Noto Sans SC", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}