/* ============================================================
   微芒计划 (Kestrel) 产品官网 - 设计系统 Tokens
   来源：D:\tauri-app 真实源码取证（见 EVIDENCE.md）
   品牌色 #FF6B0E 取自 kestrel-web-docs/.vitepress/theme/style.scss
   ============================================================ */

:root {
  /* ---------- Primitive: Brand ---------- */
  --brand-500: #ff6b0e;   /* kestrel-web-docs style.scss --brand-primary */
  --brand-400: #ff8a3d;   /* --brand-primary-light */
  --brand-600: #e55a00;   /* --brand-primary-dark */
  --brand-300: #ffb27a;
  --brand-100: #ffe6d3;
  --brand-50:  #fff7ed;   /* --gradient-hero 起点 */
  --brand-warm-2: #ffedd5;

  /* ---------- Primitive: Neutral ---------- */
  --ink-900: #0f172a;     /* --color-text-primary */
  --ink-700: #334155;
  --ink-600: #475569;     /* --color-text-secondary */
  --ink-400: #94a3b8;     /* --color-text-muted */
  --slate-200: #e2e8f0;   /* --color-border */
  --slate-100: #f1f5f9;   /* --color-border-light */
  --slate-50:  #f8fafc;   /* --color-surface */
  --white:    #ffffff;

  /* ---------- Semantic: Color ---------- */
  --bg:            var(--white);
  --bg-subtle:     var(--slate-50);
  --bg-warm:       var(--brand-50);
  --surface:       var(--white);
  --surface-2:     var(--slate-50);
  --surface-warm:  var(--brand-50);
  --surface-invert: var(--ink-900);

  --text-strong:   var(--ink-900);
  --text:          var(--ink-700);
  --text-muted:    var(--ink-600);
  --text-faint:    #64748b;   /* #94A3B8 对白底仅 2.56:1，不达 AA；提深到 4.76:1 */
  --text-on-brand: var(--white);
  --text-on-invert: var(--white);

  --line:          var(--slate-200);
  --line-soft:     var(--slate-100);
  --line-strong:   #cbd5e1;
  --line-brand:    var(--brand-500);

  /* 可读性分层：
     --accent        品牌装饰色（渐变、图标底、边框、光晕），#FF6B0E
     --accent-solid  交互底色（按钮、实心元素），白字需达 AA → #C24A00 (4.91:1)
     --accent-text   文字/图标色（链接、eyebrow、选中态）→ #C24A00 (4.91:1)
     三者同色系，视觉仍是同一个品牌橙，但分别满足装饰与可读性要求。 */
  --accent:        #ff6b0e;
  --accent-solid:  #c24a00;
  --accent-text:   #c24a00;
  --accent-hover:  #a83f00;
  --accent-active: #8f3600;
  --accent-soft:   var(--brand-50);

  --focus-ring:    rgba(255, 107, 14, 0.35);

  /* ---------- Semantic: Typography ----------
     字体族来自真实线上站点（kestrel-task.cn 的 assets/inter-roman-latin.woff2），
     与 kestrel-web-docs config.mjs 中 Google Fonts Inter 声明一致。 */
  --font-sans: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei",
               -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-display: clamp(2.25rem, 1.4rem + 3.6vw, 3.5rem);   /* 36 -> 56 */
  --text-h2:      clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);   /* 24 -> 36 */
  --text-h3:      1.125rem;   /* 18 */
  --text-lead:    clamp(1rem, 0.95rem + 0.3vw, 1.125rem);   /* 16 -> 18 */
  --text-body:    0.9375rem;  /* 15 */
  --text-sm:      0.875rem;   /* 14 */
  --text-xs:      0.8125rem;  /* 13 */
  --text-2xs:     0.75rem;    /* 12 */
  --text-metric:  clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);

  --leading-display: 1.1;
  --leading-h2: 1.25;
  --leading-body: 1.7;
  --leading-tight: 1.45;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;

  --tracking-display: -0.02em;
  --tracking-tight: -0.01em;

  /* ---------- Semantic: Space ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;   /* --space-4xl 原站 */
  --section-y: clamp(4rem, 2.5rem + 6vw, 6rem);  /* 64 -> 96 */
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 2rem);  /* 20 -> 32 */

  /* ---------- Semantic: Radius ----------
     原站 --radius-md:12 / --radius-lg:16 / --radius-xl:24 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---------- Semantic: Elevation ----------
     原站阴影，品牌阴影改为同色系染色阴影 */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.10), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.10), 0 4px 6px -2px rgba(15, 23, 42, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.10), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  --shadow-brand: 0 10px 40px -10px rgba(255, 107, 14, 0.30);
  --shadow-brand-lg: 0 12px 48px -12px rgba(255, 107, 14, 0.42);

  /* ---------- Semantic: Motion ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 350ms;

  /* ---------- Semantic: Layout ---------- */
  --container: 1200px;     /* 原站 .container max-width */
  --container-narrow: 760px;
  --nav-h: 64px;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-lightbox: 400;
}