/* ============================================================
   AI-GHS · sk-tokens.css — 设计契约 v1（SWG-WEB-ASSETS）
   Owner: worker-MF001-01（MF-001 唯一 owner）
   Consumers: MF-003 / MF-004 / MF-005（EDGE-005/006）
   契约规则：变量名一经发布不得改名/删除，只可在 MINOR 版本追加。
   视觉基因来源：reference/future-project/future/colors_and_type.css
   （Sparkly 视觉体系，CC BY 4.0，署名见 about.html）
   ============================================================ */

:root {
  /* ---- Surfaces ---- */
  --sk-background: #ffffff;
  --sk-foreground: #1a1730;
  --sk-card: #ffffff;
  --sk-card-foreground: #1a1730;
  --sk-muted: #f4f1ff;
  --sk-muted-foreground: #6b6880;

  /* ---- Brand purple（主色，spec §4.3 / 决策#3） ---- */
  --sk-primary: #6c4cf5;
  --sk-primary-foreground: #ffffff;
  --sk-primary-dark: #5738d6;
  --sk-primary-light: #8b5cf6;
  --sk-footer: #291a6b;
  --sk-footer-foreground: #ffffff;
  --sk-footer-muted: #b3a9d6;

  /* ---- Soft / tint backgrounds ---- */
  --sk-soft: #f4f1ff;
  --sk-soft-2: #efe9ff;
  --sk-border: #ece8f7;
  --sk-border-strong: #e2dcf2;
  --sk-ring: #6c4cf5;

  /* ---- Decorative accents ---- */
  --sk-accent-orange: #ff8a3d;
  --sk-accent-yellow: #ffd23f;
  --sk-accent-pink: #ff7eb6;
  --sk-accent-cyan: #4ad6e0;
  --sk-accent-green: #6fd58a;

  /* ---- State colors ---- */
  --sk-success: #10b981;
  --sk-warning: #f59e0b;
  --sk-error: #ef4444;
  --sk-info: #6c4cf5;

  /* ---- Radius scale ---- */
  --sk-radius-sm: 8px;
  --sk-radius-md: 12px;
  --sk-radius-lg: 20px;
  --sk-radius-xl: 28px;
  --sk-radius-pill: 999px;

  /* ---- Shadows & depth ---- */
  --sk-shadow-card: 0 10px 30px rgba(108, 76, 245, 0.08);
  --sk-shadow-soft: 0 8px 24px rgba(26, 23, 48, 0.06);
  --sk-shadow-float: 0 18px 40px rgba(108, 76, 245, 0.18);
  --sk-shadow-btn: 0 6px 18px rgba(108, 76, 245, 0.28);

  /* ---- Typography（本地系统字体栈；不依赖外网字体，规避备案前 IP 访问的可用性风险） ---- */
  --sk-font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --sk-fs-hero: 56px;    --sk-lh-hero: 1.08;   --sk-fw-hero: 700;
  --sk-fs-h2: 42px;      --sk-lh-h2: 1.12;     --sk-fw-h2: 700;
  --sk-fs-h3: 24px;      --sk-lh-h3: 1.25;     --sk-fw-h3: 600;
  --sk-fs-eyebrow: 15px; --sk-lh-eyebrow: 1.4; --sk-fw-eyebrow: 600;
  --sk-fs-body: 16px;    --sk-lh-body: 1.65;   --sk-fw-body: 400;
  --sk-fs-small: 14px;   --sk-lh-small: 1.5;   --sk-fw-small: 400;

  /* ---- Spacing & layout ---- */
  --sk-section-py: 96px;
  --sk-section-py-mobile: 56px;
  --sk-container: 1200px;
  --sk-container-px: 24px;
  --sk-gap-section: 56px;

  /* ---- Motion ---- */
  --sk-transition-fast: 0.15s ease;
}