/**
 * 4torm 品牌主题 —— 风暴色系
 * 季风 / 对流 / 气旋 / 信风 / 潮汐:取风与海的青蓝—靛色调
 */

:root {
  --vp-c-brand-1: #2c8bd6;
  --vp-c-brand-2: #1f7ac4;
  --vp-c-brand-3: #176aae;
  --vp-c-brand-soft: rgba(44, 139, 214, 0.14);

  --vp-c-tip-1: var(--vp-c-brand-1);
  --vp-c-tip-2: var(--vp-c-brand-2);
  --vp-c-tip-3: var(--vp-c-brand-3);
  --vp-c-tip-soft: var(--vp-c-brand-soft);
}

.dark {
  --vp-c-brand-1: #5cb6f0;
  --vp-c-brand-2: #3fa3e6;
  --vp-c-brand-3: #2c8bd6;
  --vp-c-brand-soft: rgba(92, 182, 240, 0.16);
}

/* 首页 hero:风暴渐变文字 + 光晕 */
:root {
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(120deg, #2c8bd6 30%, #41d1c4);

  /* 光效调淡：白底下原本 0.5 alpha 的辉光太抢眼，logo 像浮在光晕里。
     降到很弱 + 加大 blur 摊散，几乎只剩一抹底色，不抢 logo。 */
  --vp-home-hero-image-background-image: linear-gradient(
    -45deg,
    rgba(44, 139, 214, 0.12) 50%,
    rgba(65, 209, 196, 0.12) 50%
  );
  --vp-home-hero-image-filter: blur(64px);
}

.dark {
  --vp-home-hero-name-background: linear-gradient(120deg, #5cb6f0 30%, #5ce0d2);
  /* 深色下辉光本就好看，保持原来的浓度 */
  --vp-home-hero-image-background-image: linear-gradient(
    -45deg,
    rgba(92, 182, 240, 0.5) 50%,
    rgba(92, 224, 210, 0.5) 50%
  );
  --vp-home-hero-image-filter: blur(48px);
}

/* 五种模式 feature 卡片:hover 时浮起 */
.VPFeature {
  transition: border-color 0.25s, transform 0.25s;
}
.VPFeature:hover {
  border-color: var(--vp-c-brand-1);
  transform: translateY(-2px);
}
