/* CineGo — CSS 变量系统 */
:root {
  /* 背景层级 */
  --bg-base:    #0d0f14;
  --bg-card:    #161920;
  --bg-surface: #1e2230;
  --bg-elevated:#252938;

  /* 强调色 — 琥珀金 */
  --accent:     #f5a623;
  --accent-dim: #c4821c;
  --accent-glow:rgba(245,166,35,0.18);

  /* 文字 */
  --text-1: #f0f2f5;
  --text-2: #9aa3b2;
  --text-3: #5a6378;

  /* 边框 */
  --border:     #252a38;
  --border-dim: #1c2030;

  /* 功能色 */
  --success: #48bb78;
  --rating:  #f6c90e;
  --badge-new: #3b82f6;

  /* 字体 */
  --font: -apple-system, "PingFang SC", "Noto Sans SC", "Microsoft YaHei",
          "Segoe UI", sans-serif;
  --font-mono: "SF Mono", "Fira Code", monospace;

  /* 字号 */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;

  /* 间距（8px 基础单位） */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* 圆角 */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* 阴影 */
  --shadow-card: 0 4px 20px rgba(0,0,0,0.4);
  --shadow-hover: 0 12px 40px rgba(0,0,0,0.6);
  --shadow-accent: 0 4px 20px rgba(245,166,35,0.3);

  /* 过渡 */
  --transition: 0.2s ease;

  /* 布局 */
  --container: 1280px;
  --header-h: 64px;
}