/* ===================================================================
 * neobrutalism · 新粗野 · 设计令牌
 * 气质:粗黑边框 + 硬阴影 + 高饱和撞色 + 叛逆
 * 参考:NN/g neobrutalism 最佳实践、neo-brutalism-ui-library
 * =================================================================== */

:root {
  /* ---------- 配色:高饱和撞色 + 纯黑 ---------- */
  --color-primary: #FF5470;            /* 亮粉红,主撞色 */
  --color-primary-soft: #FFE3E8;
  --color-secondary: #1F1F1F;          /* 近黑,边框/文字 */

  --color-bg: #FFEBC1;                /* 奶黄底,典型 neobrutalism */
  --color-card: #FFFFFF;              /* 白卡片 */
  --color-border: #1F1F1F;            /* 黑边框,核心特征 */

  --color-text: #1F1F1F;
  --color-text-secondary: #1F1F1F;
  --color-text-muted: #555555;
  --color-text-disabled: #999999;
  --color-text-inverse: #FFFFFF;

  --color-success: #00C896;
  --color-warning: #FFB800;
  --color-error: #FF3D3D;
  --color-info: #2D9CDB;

  /* 撞色调色板:多色块自由组合 */
  --color-accent-1: #FFCC2E;          /* 蛋黄 */
  --color-accent-2: #5DEBD7;          /* 薄荷 */
  --color-accent-3: #C4B5FD;          /* 淡紫 */
  --color-accent-4: #FF9F45;          /* 橙 */

  /* ---------- 字体:粗壮无衬线 / 等宽 ---------- */
  --font-heading: 'Archivo Black', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'Space Grotesk', 'PingFang SC', sans-serif;
  --font-mono: 'Space Mono', 'JetBrains Mono', monospace;

  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.9375rem;
  --font-size-base: 1.0625rem;
  --font-size-lg: 1.375rem;
  --font-size-xl: 2rem;
  --font-size-2xl: 3rem;
  --font-size-3xl: 4.5rem;            /* 超大标题,核心特征 */

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 700;
  --font-weight-bold: 900;            /* 极粗,核心特征 */

  --line-height-tight: 1;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.6;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.05em;

  /* ---------- 间距 ---------- */
  --space-page-x: 24px;
  --space-section: 80px;
  --space-card-pad: 24px;

  /* ---------- 形状:核心!粗框 + 硬阴影 + 小圆角 ---------- */
  --radius-none: 0;
  --radius-sm: 0;
  --radius-md: 4px;                   /* 极小圆角 */
  --radius-lg: 12px;
  --radius-full: 9999px;

  --border-width-thin: 3px;           /* 粗边框,NN/g 推荐 3-4px */
  --border-width-normal: 4px;

  /* 硬阴影:大偏移无模糊,核心特征 */
  --shadow-sm: 4px 4px 0 #1F1F1F;
  --shadow-md: 6px 6px 0 #1F1F1F;
  --shadow-lg: 10px 10px 0 #1F1F1F;

  /* ---------- 动效:硬朗,带位移 ---------- */
  --motion-duration-fast: 100ms;
  --motion-duration-normal: 200ms;
  --motion-duration-slow: 400ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---------- 布局 ---------- */
  --container-max: 1100px;
  --ratio-card: 1 / 1;

  --color-code-bg: #1F1F1F;
  --color-code-text: #FFEBC1;
}