/* =========================================================
   SWTCON · 顺为同创  —  Design Tokens (科技蓝 / Enterprise Tech Blue)
   参考阿里云式"白底大量留白 + 深蓝 hero + 网格流光"
   ========================================================= */

/* ---- 阿里巴巴普惠体 Alibaba PuHuiTi（标题/正文，参考阿里云视觉语言） ---- */
@font-face { font-family: "Alibaba PuHuiTi"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/JadeVane/fonts-cdn/AlibabaPuHuiTi-2-55-Regular.woff2") format("woff2"); }
@font-face { font-family: "Alibaba PuHuiTi"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/JadeVane/fonts-cdn/AlibabaPuHuiTi-2-75-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Alibaba PuHuiTi"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/JadeVane/fonts-cdn/AlibabaPuHuiTi-2-75-SemiBold.woff2") format("woff2"); }

:root {
  /* ---- Brand blues (deeper, enterprise-grade) ---- */
  --brand-50:  #EAF1FF;
  --brand-100: #D8E5FF;
  --brand-200: #B4CCFF;
  --brand-300: #84A9FB;
  --brand-400: #4F83F5;
  --brand-500: #2E74F2;
  --brand-600: #0B5FFF;   /* primary */
  --brand-700: #0A48D6;
  --brand-800: #0C3AAE;
  --brand-900: #0E3088;

  /* ---- Cyan / AI accent (used sparingly) ---- */
  --cyan-300: #8DEBFA;
  --cyan-400: #2FD3EE;
  --cyan-500: #06B6D4;

  /* ---- Deep navy (hero / footer) — midnight tech ---- */
  --navy-950: #04070F;
  --navy-900: #071127;
  --navy-800: #0B1A3C;
  --navy-700: #102656;
  --navy-600: #15336B;

  /* ---- Ink / text ---- */
  --ink-900: #06101F;
  --ink-800: #0F1E3C;
  --ink-700: #25324D;
  --ink-600: #4A5874;   /* body */
  --ink-500: #66738C;
  --ink-400: #8995AC;
  --ink-300: #B5BFD1;

  /* ---- Surfaces ---- */
  --bg:        #FFFFFF;
  --bg-soft:   #F5F8FD;
  --bg-tint:   #EAF1FF;
  --bg-deep:   var(--navy-900);

  /* ---- Lines ---- */
  --line:        #E8EEF7;
  --line-strong: #D6E1F1;
  --line-dark:   rgba(255,255,255,.14);

  /* ---- Gradients ---- */
  --grad-brand: linear-gradient(120deg, #0B5FFF 0%, #2E74F2 46%, #19C2F5 100%);
  --grad-brand-soft: linear-gradient(120deg, #0B5FFF 0%, #19C2F5 100%);
  --grad-deep: linear-gradient(158deg, #04070F 0%, #0A1633 50%, #0E2A5C 100%);
  --grad-mesh: radial-gradient(58% 58% at 15% 8%, rgba(11,95,255,.36) 0%, transparent 60%),
               radial-gradient(46% 46% at 90% 4%, rgba(47,211,238,.22) 0%, transparent 60%),
               radial-gradient(64% 70% at 80% 100%, rgba(11,95,255,.22) 0%, transparent 62%);

  /* ---- Radius ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 38px;
  --r-full: 999px;

  /* ---- Shadows (refined) ---- */
  --sh-sm:   0 2px 10px rgba(11,40,98,.05);
  --sh:      0 16px 40px rgba(12,42,110,.09);
  --sh-lg:   0 34px 70px rgba(8,36,100,.15);
  --sh-brand:0 18px 46px rgba(11,95,255,.34);
  --sh-dark: 0 30px 70px rgba(0,0,0,.42);

  /* ---- Typography ---- */
  --font-display: "Sora", "Alibaba PuHuiTi", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Alibaba PuHuiTi", "Inter", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  /* ---- Motion ---- */
  --dur: .45s;
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);

  /* ---- Layout ---- */
  --container: 1240px;
  --container-narrow: 1000px;
  --header-h: 84px;
}