:root {
  --yj-brand: #1760ff;
  --yj-brand-strong: #0b4fe0;
  --yj-electric: #2f7bff;
  --yj-cyan: #3bd7ff;
  --yj-deep-royal: #075ac6;
  --yj-deep-royal-strong: #0a50b0;
  --yj-architecture: #075fcb;
  --yj-architecture-soft: #1167ce;
  --yj-ice: #eef7ff;
  --yj-ice-soft: #f7fbff;
  --yj-white: #ffffff;
  --yj-ink: #102a4c;
  --yj-slate: #53657a;
  --yj-muted: #7890aa;
  --yj-line: #d9e8f7;
  --yj-line-dark: rgba(105, 194, 255, 0.4);
  --yj-danger: #e72b31;
  --yj-success: #07875c;

  --yj-font-display: "DIN Alternate", "Arial Narrow", "PingFang SC", "Microsoft YaHei", sans-serif;
  --yj-font-body: Inter, "Source Sans 3", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --yj-font-data: "DIN Alternate", Inter, "Arial Narrow", sans-serif;

  --yj-shell: min(88vw, 1440px);
  --yj-header-height: 82px;
  --yj-section-space: clamp(78px, 7vw, 116px);
  --yj-radius-sm: 12px;
  --yj-radius: 20px;
  --yj-radius-lg: 28px;

  --yj-shadow-soft: 0 18px 58px rgba(17, 62, 113, 0.1);
  --yj-shadow-card: 0 14px 36px rgba(9, 65, 132, 0.12);
  --yj-shadow-dark: 0 28px 80px rgba(0, 19, 48, 0.34);
  --yj-shadow-glow: 0 18px 58px rgba(23, 96, 255, 0.24);

  --yj-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --yj-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --yj-fast: 180ms var(--yj-ease-standard);
  --yj-base: 360ms var(--yj-ease-out);
  --yj-slow: 720ms var(--yj-ease-out);
}

@media (max-width: 1199px) {
  :root {
    --yj-shell: min(92vw, 1080px);
    --yj-header-height: 74px;
  }
}

@media (max-width: 767px) {
  :root {
    --yj-shell: calc(100vw - 32px);
    --yj-header-height: 66px;
    --yj-section-space: 68px;
    --yj-radius: 18px;
    --yj-radius-lg: 22px;
  }
}

@media (max-width: 389px) {
  :root {
    --yj-shell: calc(100vw - 24px);
  }
}