/* ============================================================
 *  KOSO 科索照明官网 — 设计令牌 (Design Tokens)
 * ============================================================
 *
 *  本文件集中管理全站的视觉变量（颜色/字号/间距/圆角/阴影）。
 *  后期想换风格，只改这里的值即可，所有页面同步生效。
 *
 *  ★ 想换主色调：改 --color-primary
 *  ★ 想换点缀色：改 --color-accent
 *  ★ 想换背景色：改 --color-bg / --color-surface
 *  ★ 想让全站字号大一档：改 --font-size-base
 *  ★ 想让圆角更圆/更方：改 --radius-base
 *
 * ============================================================ */

:root {
  /* ---------- 主色板（米白 + 黑 + 橘红） ---------- */
  --color-primary:        #1c52ac;   /* 企业蓝（次要主色） */
  --color-accent:         #c0492b;   /* 橘红（品牌强调色） */
  --color-accent-soft:    #d97b5f;   /* 橘红 - 软化版 */
  --color-cream:          #f7f3ea;   /* 导航米白底 */
  --color-cream-dark:     #ece6d8;   /* 米白 - 深一档 */

  /* ---------- 背景色 ---------- */
  --color-bg:             #0a0a0a;   /* 全站底色（近黑） */
  --color-surface:        #141414;   /* 卡片/区块表面 */
  --color-surface-2:      #1c1c1c;   /* 次级表面 */
  --color-border:         #2a2a2a;   /* 描边 */
  --color-divider:        #1f1f1f;   /* 分隔线 */

  /* ---------- 文字色 ---------- */
  --color-text:           #ffffff;   /* 主文字 */
  --color-text-sub:       #cccccc;   /* 次要文字 */
  --color-text-mute:      #888888;   /* 弱化文字 */
  --color-text-faint:     #555555;   /* 极弱文字 */

  /* ---------- 状态色 ---------- */
  --color-success:        #4caf50;
  --color-warning:        #ff9800;
  --color-danger:         #f44336;

  /* ---------- 字号（基准 14px） ---------- */
  --font-size-base:       14px;
  --font-size-xs:         12px;
  --font-size-sm:         13px;
  --font-size-md:         15px;
  --font-size-lg:         18px;
  --font-size-xl:         22px;
  --font-size-2xl:        28px;
  --font-size-3xl:        36px;
  --font-size-4xl:        48px;
  --font-size-hero:       64px;

  /* ---------- 字重 ---------- */
  --font-weight-light:    300;
  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* ---------- 字间距 ---------- */
  --letter-spacing-tight: -0.5px;
  --letter-spacing-normal: 0;
  --letter-spacing-wide:  2px;
  --letter-spacing-wider: 6px;
  --letter-spacing-widest:12px;

  /* ---------- 圆角 ---------- */
  --radius-sm:    2px;
  --radius-base:  4px;
  --radius-md:    8px;
  --radius-lg:    16px;
  --radius-pill:  999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-base:  0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg:    0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-glow:  0 0 40px rgba(192, 73, 43, 0.18);

  /* ---------- 过渡 ---------- */
  --transition-fast:   0.15s ease;
  --transition-base:   0.3s ease;
  --transition-slow:   0.6s ease;
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---------- 布局 ---------- */
  --container-max:    1280px;
  --container-padding:24px;
  --section-padding:  100px 0;
  --header-height:    88px;

  /* ---------- 字体族 ---------- */
  --font-family-cn:   "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif;
  --font-family-en:   "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --font-family-serif: Georgia, "Times New Roman", "Songti SC", serif;
}

/* ============================================================
 *  以下为系统约定，**不要改动**除非你刻意要换版式
 * ============================================================ */

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
html, body { background: var(--color-bg); color: var(--color-text-sub); font-size: var(--font-size-base); line-height: 1.8; }
body { font-family: var(--font-family-cn); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; transition: color var(--transition-fast); }
img, video { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { color: var(--color-text); font-weight: var(--font-weight-bold); line-height: 1.3; }