/* ===================================================================
 * retrowave · 复古未来 · 设计令牌
 * 气质:80s科幻,霓虹网格,赛博朋克,铬合金,日落渐变
 * 适合:游戏/潮玩/个性作品集/电竞
 * =================================================================== */

:root {
  /* ---------- 配色:日落渐变 + 霓虹 ---------- */
  --color-primary: #FF2A6D;            /* 霓虹粉 */
  --color-primary-soft: rgba(255, 42, 109, 0.15);
  --color-secondary: #05D9E8;          /* 霓虹青 */

  --color-bg: #0D0221;                /* 深紫黑,赛博夜空 */
  --color-card: #1A0933;              /* 深紫卡片 */
  --color-border: rgba(5, 217, 232, 0.3);

  --color-text: #F5F5FA;
  --color-text-secondary: #D1D5E0;
  --color-text-muted: #8B8BA7;
  --color-text-disabled: #4A4A6B;
  --color-text-inverse: #0D0221;

  --color-success: #05D9E8;
  --color-warning: #FFB800;
  --color-error: #FF2A6D;
  --color-info: #7B61FF;

  /* 标志性日落渐变 */
  --gradient-sunset: linear-gradient(180deg, #FF2A6D 0%, #FF8A5B 40%, #FFB800 70%, #05D9E8 100%);
  --gradient-neon: linear-gradient(90deg, #FF2A6D, #7B61FF, #05D9E8);
  --grid-line: rgba(5, 217, 232, 0.15);

  /* ---------- 字体:科技展示字 + 等宽 ---------- */
  --font-heading: 'Orbitron', 'PingFang SC', sans-serif;
  --font-body: 'Rajdhani', 'PingFang SC', sans-serif;
  --font-mono: 'Share Tech Mono', 'JetBrains Mono', monospace;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2.75rem;
  --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.1;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.75;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.15em;      /* 科技感宽字距 */

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

  /* ---------- 形状:斜切角 + 霓虹描边 ---------- */
  --radius-none: 0;
  --radius-sm: 0;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  --border-width-thin: 1px;
  --border-width-normal: 2px;

  /* 霓虹光晕阴影 */
  --shadow-sm: 0 0 10px rgba(255, 42, 109, 0.3);
  --shadow-md: 0 0 20px rgba(5, 217, 232, 0.4);
  --shadow-lg: 0 0 40px rgba(123, 97, 255, 0.5);

  /* ---------- 动效:霓虹闪烁,扫描线 ---------- */
  --motion-duration-fast: 200ms;
  --motion-duration-normal: 400ms;
  --motion-duration-slow: 800ms;
  --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: 16 / 9;

  --color-code-bg: #000000;
  --color-code-text: #05D9E8;
}