/**
 * teacher-portal 全局样式
 *
 * 引入 @edu/ui-tokens 三层设计令牌（primitive → semantic → tailwind-theme）
 * 维护者：ai13（teacher-portal）
 * 关联：project_rules §3.10、02-architecture-design.md §9
 *
 * 禁止规则（ESLint + project_rules §3.10）：
 * - 禁止 #hex 字面量（用 hsl(var(--*)) 或 Tailwind bg-* 类）
 * - 禁止 'Inter'/'Fraunces'/'JetBrains Mono' 字面量（用 var(--font-family-*))
 * - 禁止 font-size: Npx（用 var(--font-size-*) 或 Tailwind text-* 类）
 * - 禁止 Tailwind 任意值 w-[Npx]（用 --space-* 或默认阶梯）
 */

@import "@edu/ui-tokens/all.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html,
  body {
    background: var(--bg-paper);
    color: var(--color-ink);
    font-family: var(--font-family-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-family-serif);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-tight);
  }
}

@layer components {
  /* 纸感分隔线 */
  .rule {
    border-top: 1px solid var(--color-rule);
  }

  .rule-thin {
    border-top: 2px solid var(--color-rule);
  }

  /* 左侧竖线标记（节点展开样式） */
  .mark-left {
    border-left: 2px solid var(--color-rule);
    padding-left: var(--space-md);
  }
}