/* 辉创纪元 Gitea 首页 token。组件层只引用这些名字。 */
/* 只挂在首页，避免覆盖 Gitea 登录页等自带的 --color-* 变量 */
html:has(.hca-landing),
.hca-landing {
  /* ── 色彩：主色系 ───────────────────────────── */
  --color-primary: #1e3a5f;
  --color-primary: oklch(35.5% 0.055 250);
  --color-primary-hover: #2d5f8a;
  --color-primary-hover: oklch(45% 0.07 245);
  --color-secondary: #4a5c6e;
  --color-secondary: oklch(45% 0.03 245);
  --color-accent: #c4a35a;
  --color-accent: oklch(72% 0.09 85);

  /* ── 色彩：中性（向海蓝与纸色偏移，禁纯灰）── */
  --color-neutral-50: #f7f3ea;
  --color-neutral-100: #f0ebe0;
  --color-neutral-200: #e2d9c9;
  --color-neutral-400: #8a7a68;
  --color-neutral-600: #4a5c6e;
  --color-neutral-800: #1a2b3d;
  --color-neutral-900: #142230;

  /* ── 色彩：语义四件套 ───────────────────────── */
  --color-success: #0f6b4c;
  --color-success-bg: #e3f2eb;
  --color-success-border: #8fbfa8;
  --color-warning: #8a5a00;
  --color-warning-bg: #f8eedc;
  --color-warning-border: #d4b47a;
  --color-error: #b42318;
  --color-error-bg: #f8e4e1;
  --color-error-border: #e0a099;
  --color-info: #1e3a5f;
  --color-info-bg: #e6edf4;
  --color-info-border: #8aa0b8;

  /* ── 色彩：表面与文字（禁纯黑 / 纯白铺底）── */
  --color-bg: var(--color-neutral-100);
  --color-surface: var(--color-neutral-50);
  --color-border: #6b5d4e;
  --color-text: var(--color-neutral-800);
  --color-text-muted: var(--color-neutral-600);
  --color-text-inverse: var(--color-neutral-100);
  --color-text-inverse-muted: #c9d0d8;

  /* ── 字体 ─────────────────────────────────── */
  --font-display: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;
  --font-body: "PingFang SC", "Noto Sans SC", "Source Han Sans SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "Sarasa Mono SC", ui-monospace, monospace;

  --text-display: clamp(2.5rem, 5vw + 4vh, 6.5rem);
  --text-h1: clamp(1.35rem, 1.2vw + 1.2vh, 2rem);
  --text-h2: clamp(1rem, 0.4vw + 0.8rem, 1.125rem);
  --text-body: 1rem;
  --text-lead: clamp(1rem, 0.4vw + 0.85rem, 1.125rem);
  --text-caption: 0.8125rem;
  --text-index: clamp(1.5rem, 1.2vw + 1vh, 2.5rem);

  --hca-pad-x: clamp(1rem, 3.2vw, 4rem);
  --hca-pad-y: clamp(1.25rem, 3.6vh, 4rem);
  --hca-gap: clamp(1.25rem, 3vh, 2.5rem);
  --hca-split: 50rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  --leading-tight: 1.15;
  --leading-snug: 1.25;
  --leading-normal: 1.6;
  --leading-relaxed: 1.7;

  /* ── 间距（4/8px 栅格）───────────────────────── */
  --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-24: 96px;

  /* ── 圆角 / 阴影 / 动效 / 层级 ─────────────── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 0 oklch(25% 0.04 250 / 0.12);

  --duration-fast: 150ms;
  --duration-base: 280ms;
  --duration-slow: 480ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --z-skip: 500;
  --measure: 46ch;
  --navbar-offset: 52px;
  --touch: 44px;
}