/* ============================================================================
   tokens.css —— 设计令牌（Design Tokens）
   联盟营销内容站（俄语界面）SSR 站点 · 纯手写 CSS
   本文件只做变量声明，不产生任何视觉输出（除字体/颜色继承约定外）。
   所有数值逐字对齐设计稿；其余样式文件仅通过 var() 引用。
   ============================================================================ */

/* ----------------------------------------------------------------------------
   @font-face —— 原站真实字体（family 名 / weight / style 照抄原站 8 条定义）
   ⚠️ URL 必须用相对路径 ../fonts/xxx，不能用 /assets/fonts/xxx：
      CSS 文件内容原样发射，不经过 BASE_PATH 前缀化；tokens.css 位于 /assets/css/，
      ../fonts/ 正好解析到 /assets/fonts/ 并随子目录部署自动生效。
   ---------------------------------------------------------------------------- */
@font-face { font-family: "GothamProRegular"; src: url("../fonts/GothamProRegular.woff") format("woff"), url("../fonts/GothamProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; }
@font-face { font-family: "GothamProRegular"; src: url("../fonts/GothamProBold.woff") format("woff"), url("../fonts/GothamProBold.ttf") format("truetype"); font-style: normal; font-weight: bold; font-display: swap; }
@font-face { font-family: "GothamProRegular"; src: url("../fonts/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "GothamProLight"; src: url("../fonts/GothamProLight.woff") format("woff"); font-style: normal; font-weight: normal; font-display: swap; }
@font-face { font-family: "ChevinCyrillic"; src: url("../fonts/ChevinCyrillic-Light.ttf") format("truetype"); font-weight: normal; font-display: swap; }
@font-face { font-family: "ChevinCyrillic"; src: url("../fonts/ChevinCyrillic-Bold.ttf") format("truetype"); font-weight: bold; font-display: swap; }
@font-face { font-family: "Squares Bold"; src: url("../fonts/TTSquares-Bold_new.otf") format("opentype"); font-weight: bold; font-display: swap; }

:root {
  /* ---- 品牌色 ---- */
  --c-brand: #503435;
  --c-brand-dark: #5a4041;
  --c-brand-light: #705959;
  --c-border-brand: rgba(151, 103, 106, 0.3);

  /* ---- 语义色（Bootstrap3 语义色系）---- */
  --c-primary: #337ab7;
  --c-success: #3c763d;
  --c-warning: #8a6d3b;
  --c-danger: #a94442;

  /* ---- 背景色（对齐 partnerkin.com 真实计算样式实测值）---- */
  --c-bg: #f7f7f7;          /* 页面底色（原站 body 实测 #f7f7f7）*/
  --c-surface: #ffffff;     /* 卡片/内容面底色 .content_box */
  --c-bg-alt: #f5f5f5;
  --c-bg-muted: #eeeeee;

  /* ---- 导航米色（原站二级导航行 .sub_topmenu 实测 #E7DDC4）---- */
  --c-nav: #e7ddc4;
  --c-nav-ink: #503435;

  /* ---- 首屏促销横幅：深色渐变 + 紫色 CTA（原站 hero 实测 #02062e → 深棕 + 紫色按钮）---- */
  --c-promo-1: #02062e;
  --c-promo-2: #3a2028;
  --c-accent: #7c5cff;
  --c-accent-dark: #6a45f5;

  /* ---- 文本色 ---- */
  --c-text: #444444;        /* 正文色（原站实测 #444444）*/
  --c-text-muted: #999999;
  --c-text-inverse: #ffffff;

  /* ---- 字号阶梯 ---- */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-30: 30px;
  --fs-36: 36px;
  --fs-48: 48px;

  /* ---- 行高 ---- */
  --lh-body: 1.5;
  --lh-title: 1.2;
  --lh-card: 1.4;

  /* ---- 间距阶梯 ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 60px;

  /* ---- 圆角 / 阴影（内容卡 4px 圆角，对齐原站 .content_box）---- */
  --r-sm: 4px;
  --r-card: 4px;
  --r-pager: 2px;
  --r-pill: 999px;

  /* ---- 阴影 ---- */
  --sh-card: 0 1px 2px rgba(0, 0, 0, 0.06);
  --sh-pop: 0 2px 8px rgba(0, 0, 0, 0.1);
  --sh-pager: 0 1px 1px rgba(0, 0, 0, 0.06);

  /* ---- 过渡 ---- */
  --t-color: 160ms ease;
  --t-move: 240ms ease;

  /* ---- 字体栈（已接入原站真实字体，见文件顶部 @font-face）----
     正文：GothamProRegular（normal/bold/500 三档，见 @font-face）。
     标题：ChevinCyrillic（几何粗体 + 大写），仅 normal/bold 两档，不用于长正文。
     末尾保留系统无衬线兜底。 */
  --font-body: 'GothamProRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-head: 'ChevinCyrillic', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* ---- 容器宽度（原站 .container 实测 max-width: 1040px）---- */
  --container-lg: 1040px;
  --container-md: 970px;
  --container-sm: 750px;

  /* ---- 栅格沟槽：.container 内边距、.row 负外边距、列内边距三者共用，
         保证任何断点下 -margin 与 padding 完全抵消，不产生横向溢出 ---- */
  --gutter: 15px;

  /* ---- 固定头部高度（由 JS 在运行时写入，此处给默认值兜底）----
     顶栏 57px（对齐原站 #header）+ 二级导航行 ≈ 47px ≈ 104px */
  --header-h: 104px;
}

/* 深色模式占位（暂不实现，仅保留结构） */
@media (prefers-color-scheme: dark) {
  /* P2-08 深色模式预留 */
}