/*
 * CarryOnKits Design Tokens
 * Source: 《设计系统终极版.md》§44 最终色彩 Tokens / §23 网格 / §24 留白 / §31 品牌斜角
 *          《设计参考最终版.html》根变量
 * 视觉定位: PROFESSIONAL TEAMWEAR SYSTEM — LIGHT-FIRST + DARK IMPACT
 */
:root {
  /* Brand */
  --brand-orange: #F45A14;
  --orange-hover: #D9480F;
  --orange-soft: #FFF1E8;

  /* Dark */
  --ink: #111820;
  --dark: #17212B;
  --dark-surface: #202B35;

  /* Light */
  --white: #FFFFFF;
  --off-white: #F7F8F6;
  --warm-gray: #F0F1EE;

  /* UI */
  --border: #DFE3E6;
  --text: #17212B;
  --muted: #66717C;

  /* Type — §11 双字体系统：竞技感只放在大标题 */
  --font-display: "Barlow Condensed", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Section titles are part of the display voice (设计系统 §11) */
  --font-heading: var(--font-display);

  /* Layout */
  --container: 1360px;
  --section-space: 124px;
  --section-space-mobile: 72px;
  --gutter: clamp(20px, 4vw, 40px);

  /* Shape */
  --radius: 2px;
  --brand-angle: 8deg;

  /* Motion */
  --motion-fast: 220ms;
  --motion-normal: 460ms;

  /* Type scale */
  --fs-hero: clamp(48px, 7vw, 104px);
  --fs-h1: clamp(38px, 5vw, 64px);
  --fs-h2: clamp(32px, 4vw, 52px);
  --fs-h3: clamp(20px, 2vw, 26px);
  --fs-lead: clamp(1.05rem, 1.3vw, 1.2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* ---- Backwards compatibility aliases (legacy page templates) ---- */
  --ck-navy: var(--ink);
  --ck-carbon: var(--dark);
  --ck-white: var(--white);
  --ck-ice: var(--warm-gray);
  --ck-blue: var(--brand-orange);
  --ck-cyan: var(--brand-orange);
  --ck-slate: var(--muted);
  --ck-line: var(--border);
  --ck-line-strong: rgba(17, 24, 32, 0.22);
  --ck-placeholder: #E4E7E9;
  --ck-placeholder-ink: var(--muted);
  --ck-muted: var(--muted);
  --ck-on-dark: rgba(255, 255, 255, 0.86);
  --ck-on-dark-muted: #A9B2BC;
  --ck-amber: var(--brand-orange);
  --ck-font: var(--font-body);
  --ck-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --ck-container: var(--container);
  --ck-gutter: var(--gutter);
  --ck-radius: var(--radius);
  --ck-radius-sm: var(--radius);
  --ck-shadow: none;
  --ck-section-y: clamp(72px, 8vw, 124px);
  --ck-fs-h1: var(--fs-h1);
  --ck-fs-h2: var(--fs-h2);
  --ck-fs-h3: var(--fs-h3);
  --ck-fs-lead: var(--fs-lead);
  --ck-fs-body: var(--fs-body);
  --ck-fs-small: var(--fs-small);
  --ck-fs-micro: var(--fs-micro);
  --ck-lh-tight: 1.05;
  --ck-lh-body: 1.65;
  --ck-ls-tight: -0.03em;
  --ck-ls-label: 0.14em;
}