/* ============================================================
   运动场上 · 品牌基础变量
   —— 与 App（assets/style.css :root）保持同一套色板与栅格
   —— 改品牌色只需改这里，站点所有页面同步生效
   ============================================================ */

:root{
  /* 品牌绿（取自 App 图标渐变） */
  --green-950:#07231C;
  --green-900:#0A3327;
  --green-800:#0D5743;
  --green-700:#106A52;
  --green-600:#158564;
  --green-500:#1AA377;
  --green-tint:#E7F3EE;

  /* 品牌橙（App 主色 --brand） */
  --brand:#F26B1D;
  --brand-bright:#FF8A3C;
  --brand-deep:#D9550C;
  --brand-soft:#FFF0E4;

  /* 语义色 */
  --live:#FF3B30;
  --gold:#FFB020;

  /* 中性色（App 浅色模式） */
  --bg:#F2F2F7;
  --card:#FFFFFF;
  --fill:#EFEFF4;
  --fill-2:#E5E5EA;
  --sep:#E5E5EA;
  --sep-strong:#D1D1D6;
  --hairline:rgba(60,60,67,.12);
  --text:#0B0B0F;
  --text-2:rgba(60,60,67,.62);
  --text-3:rgba(60,60,67,.38);

  /* 圆角族（与 App 一致） */
  --r-xs:6px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:18px;
  --r-xl:24px;
  --r-2xl:32px;
  --r-full:999px;

  /* 间距（8pt 栅格） */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px;

  /* 阴影 */
  --sh-1:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --sh-2:0 4px 14px rgba(0,0,0,.09);
  --sh-3:0 10px 34px rgba(0,0,0,.16);
  --sh-4:0 24px 70px rgba(7,35,28,.22);

  /* 动效 */
  --ease:cubic-bezier(.32,.72,0,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.28s;

  /* 布局 */
  --maxw:1160px;
  --gutter:24px;
  --nav-h:68px;
}

/* 深色区块内的一组局部变量：在深绿底上复用同一批组件 */
.is-dark{
  --bg:#07231C;
  --card:rgba(255,255,255,.055);
  --fill:rgba(255,255,255,.08);
  --fill-2:rgba(255,255,255,.14);
  --sep:rgba(255,255,255,.12);
  --sep-strong:rgba(255,255,255,.22);
  --hairline:rgba(255,255,255,.14);
  --text:#FFFFFF;
  --text-2:rgba(255,255,255,.66);
  --text-3:rgba(255,255,255,.4);
  --brand:#FF8A3C;
  --brand-soft:rgba(255,138,60,.16);
  --sh-1:0 1px 3px rgba(0,0,0,.4);
  --sh-2:0 4px 18px rgba(0,0,0,.42);
  --sh-3:0 14px 40px rgba(0,0,0,.5);
  color:var(--text);
  background:var(--bg);
}