/* ============================================================
   XIAOJUNAI / 小俊AI · v2 Design Tokens (Apple × Xiaomi 融合版)
   设计宪法：品牌紫=唯一交互强调色（Apple 单强调色法则）
            青/金/粉=克制「Alive」网点与 Hero 极光（小米能量）
   ============================================================ */

:root {
  /* ---------- 品牌色板 v2 ---------- */
  --brand-purple: #7C5CFF;   /* 唯一交互强调色：按钮 / 链接 / 焦点 / 高亮 */
  --brand-purple-hi: #9B82FF; /* 强调色·悬浮提亮 */
  --brand-cyan:   #22D3EE;   /* Alive 网点 / 极光（克制点缀） */
  --brand-gold:   #FACC15;
  --brand-pink:   #F472B6;
  --brand-slogan: "星承大海·梦载星河";

  /* ---------- 字体（Apple SF 优先 + CJK 回退） ---------- */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display",
               "SF Pro Text", "PingFang SC", "Microsoft YaHei",
               "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;

  /* ---------- 字号尺度（Apple Dynamic Type 思路，CJK 安全） ---------- */
  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.875rem;  /* 14 */
  --fs-base: 1.0625rem; /* 17 · Apple Body 基准 */
  --fs-md:   1.1875rem; /* 19 */
  --fs-lg:   1.375rem;  /* 22 */
  --fs-xl:   1.75rem;   /* 28 */
  --fs-2xl:  2.25rem;   /* 36 */
  --fs-3xl:  3rem;      /* 48 */
  --fs-4xl:  4rem;      /* 64 */
  --fs-hero: clamp(3rem, 8vw, 6.5rem);

  /* ---------- 字距 / 行高（Apple 负字距 + 紧凑大标题） ---------- */
  --tracking-display: -0.03em;
  --tracking-tight:   -0.02em;
  --tracking-wide:    0.16em;
  --leading-tight: 1.06;
  --leading-snug:  1.2;
  --leading-body:  1.65;

  /* ---------- 间距（8pt 基准 + 苹果级留白节奏） ---------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
  --sp-28: 112px;--sp-32: 128px;
  --section-y: clamp(72px, 10vw, 136px); /* 章节上下呼吸 */

  /* ---------- 圆角（小米超椭圆 squircle 灵感） ---------- */
  --r-xs: 8px; --r-sm: 12px; --r-md: 16px; --r-lg: 20px; --r-xl: 28px;
  --r-squircle: 44px; --r-pill: 999px;

  /* ---------- 布局 ---------- */
  --maxw: 1120px; --maxw-wide: 1240px; --maxw-narrow: 820px; --nav-h: 64px;

  /* ---------- 动效（Apple 标准缓动） ---------- */
  --ease:      cubic-bezier(0.28, 0, 0.22, 1);   /* Apple 标准 */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);    /* 解减速 · 揭示 */
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 560ms;
}

/* ============================================================
   深空暗（默认）— 近白文字 + 深空底 + 分层玻璃
   ============================================================ */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg:        #08080D;            /* 更深深空 */
  --bg-elev:   #101019;
  --surface:   rgba(255, 255, 255, 0.040);
  --surface-2: rgba(255, 255, 255, 0.070);
  --glass:         rgba(18, 18, 27, 0.60);
  --glass-border:  rgba(255, 255, 255, 0.10);
  --glass-hi:      rgba(255, 255, 255, 0.07);  /* 玻璃内高光 */
  --text:      #F5F5FA;
  --text-sub:  #A9A6C9;
  /* 副文字（与 LOGO sub 一致） */
  --text-mute: #6E6B86;
  --border:        rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.18);
  --glow:      rgba(124, 92, 255, 0.40);
  --glow-soft: rgba(124, 92, 255, 0.14);
  --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.30);
  --shadow-float: 0 22px 60px rgba(0, 0, 0, 0.45);
  --nav-bg:    rgba(8, 8, 13, 0.66);
  --mesh-1: rgba(124, 92, 255, 0.22);
  --mesh-2: rgba(34, 211, 238, 0.14);
  --dot-shadow: 0 0 12px currentColor;
}

/* ============================================================
   浅色（苹果亮）— 近黑文字 + 苹果白 + 玻璃
   ============================================================ */
[data-theme="light"] {
  color-scheme: light;
  --bg:        #FFFFFF;
  --bg-elev:   #F5F5F7;           /* Apple 浅灰章节 */
  --surface:   rgba(26, 26, 46, 0.030);
  --surface-2: rgba(26, 26, 46, 0.055);
  --glass:         rgba(255, 255, 255, 0.66);
  --glass-border:  rgba(26, 26, 46, 0.12);
  --glass-hi:      rgba(255, 255, 255, 0.75);
  --text:      #1A1A2E;
  --text-sub:  #5C5C72;
  --text-mute: #9A9AB0;
  --border:        rgba(26, 26, 46, 0.12);
  --border-strong: rgba(26, 26, 46, 0.20);
  --glow:      rgba(124, 92, 255, 0.18);
  --glow-soft: rgba(124, 92, 255, 0.08);
  --shadow-card: 0 12px 32px rgba(26, 26, 46, 0.10);
  --shadow-float: 0 22px 60px rgba(26, 26, 46, 0.16);
  --nav-bg:    rgba(255, 255, 255, 0.70);
  --mesh-1: rgba(124, 92, 255, 0.14);
  --mesh-2: rgba(34, 211, 238, 0.10);
  --dot-shadow: none;
}