/*
 * tokens.css — 设计令牌（阶段 A）
 * 项目：学校乐队“我很严肃”官网
 * 来源：ui-ux-pro-max-skill v2.15.0（nextlevelbuilder/ui-ux-pro-max-skill）
 * 检索命令：
 *   python "C:\Users\lenovo\.cache\ui-ux-pro-max\.claude\skills\ui-ux-pro-max\scripts\search.py"
 *     "school band website campus music indie student club memorial" --design-system --format markdown --full -p "我很严肃"
 *   （补充：--domain style "vintage gig poster zine collage"，--domain color "music band concert campus"，
 *            --domain typography "editorial indie band bold display"）
 * 生成日期：2026-10-29
 * 说明：本文件只声明 CSS 自定义属性，不含任何页面选择器样式；页面样式见后续 base.css / pages.css。
 *       色值与字体均取自技能检索结果，详见根目录 design-system.md。
 */

:root {
  /* ========== 颜色 · 主色板（技能 --design-system 命中，Team red 体系） ========== */
  --color-primary: #DC2626;
  --color-on-primary: #FFFFFF;
  --color-secondary: #EF4444;
  --color-on-secondary: #000000;
  --color-accent: #DC2626;
  --color-on-accent: #FFFFFF;

  /* ========== 颜色 · 表面与文字 ========== */
  --color-bg: #FEF2F2;
  --color-text: #7F1D1D;
  --color-card: #FFFFFF;
  --color-card-text: #7F1D1D;
  --color-muted: #F0EDF1;
  --color-muted-text: #475569;
  --color-border: #FECACA;
  --color-danger: #DC2626;
  --color-on-danger: #FFFFFF;
  --color-ring: #DC2626;

  /* ========== 颜色 · 纪念向暖调（技能 Vintage Analog / Retro Film 风格与配色 Notes） ========== */
  --color-highlight: #FBBF24;      /* championship gold，技能配色 Notes 中的原始 Accent */
  --color-warm-tint: #F5E6C8;      /* Vintage Analog --warm-tint */
  --color-sepia: #D4A574;          /* Vintage Analog Primary Colors */
  --color-teal: #4A7B7C;           /* Vintage Analog Primary Colors，用于视频/次要标签 */

  /* ========== 颜色 · 半透明与叠层 ========== */
  --color-scrim: rgba(0, 0, 0, 0.45);
  --color-grain: rgba(0, 0, 0, 0.04);
  --color-light-leak: rgba(255, 200, 100, 0.2); /* Vintage Analog --light-leak-color */

  /* ========== 字体栈（Bebas Neue + Source Sans 3，含中文回落；本期不自托管字体） ========== */
  --font-heading: "Bebas Neue", "Oswald", "Impact", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Source Sans 3", "Source Sans Pro", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;

  /* ========== 字重与行高（标题 1.1 / 正文 1.6 为技能建议值） ========== */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;
  --tracking-tight: -0.01em;
  --tracking-wide: 0.08em;         /* 标签/日期类全大写小字 */

  /* ========== 字号阶梯（技能建议 12 / 16 / 22 / 32 / 56，本站收敛为 5 档） ========== */
  --text-xs: 0.75rem;    /* 12px 标签、时间戳 */
  --text-sm: 0.875rem;   /* 14px 辅助文字 */
  --text-base: 1rem;     /* 16px 正文 */
  --text-lg: 1.125rem;   /* 18px 强调正文 */
  --text-xl: 1.375rem;   /* 22px 小标题 */
  --text-2xl: 1.75rem;   /* 28px 区块标题 */
  --text-3xl: 2rem;      /* 32px 页面标题 */
  --text-4xl: 3.5rem;    /* 56px 首屏标题 */

  /* ========== 间距阶梯（4px 基数；区块间距 48px+ 来自技能 Key Effects） ========== */
  --space-1: 0.25rem;    /* 4 */
  --space-2: 0.5rem;     /* 8 */
  --space-3: 0.75rem;    /* 12 */
  --space-4: 1rem;       /* 16 */
  --space-5: 1.5rem;     /* 24 */
  --space-6: 2rem;       /* 32 */
  --space-7: 3rem;       /* 48 区块间距下限 */
  --space-8: 4rem;       /* 64 */
  --space-9: 6rem;       /* 96 */

  /* ========== 圆角（Block-based 块面语言） ========== */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ========== 阴影（两级轻投影，层级靠边框区分） ========== */
  --shadow-sm: 0 1px 2px rgba(127, 29, 29, 0.08);
  --shadow-md: 0 8px 24px rgba(127, 29, 29, 0.12);

  /* ========== 边框宽度 ========== */
  --border-width: 1px;
  --focus-width: 2px;
  --focus-offset: 2px;

  /* ========== 动效（技能 Key Effects：200–300ms） ========== */
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 300ms;
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  /* ========== 布局尺度 ========== */
  --layout-max-feed: 720px;
  --layout-max-page: 1080px;
  --layout-max-wide: 1440px;
  --nav-height: 64px;
  --touch-target: 44px;   /* 技能 UX 准则：最小点击区域 44×44 */

  /* ========== 层级 ========== */
  --z-base: 0;
  --z-sticky: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;

  /* ========== 质感参数（Vintage Analog 风格变量，供阶段 C 谨慎叠加） ========== */
  --grain-opacity: 0.15;
  --sepia-amount: 20%;
  --photo-saturation: 0.8;
  --photo-contrast: 1.1;
}