/* 全站字体 · Inter (仅引入一次,所有引用 design-tokens.css 的页面共享) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* ==========================================================================
   kantu.ai · Design Tokens · Amber SaaS 浅色风(全站统一)
   方向  : 暖白底 + 琥珀品牌色 + 柔和阴影
   基础  : 与登录页一致的背景风格
   兼容  : 包含各页面旧变量别名,确保向后兼容
   ========================================================================== */

:root {
	/* ----------  底色 · 暖白多层  ---------- */
	--paper: #fafaf9; /* 页面主底 · 暖白 */
	--paper-tint: #ffffff; /* 卡片 / 凸起底 */
	--paper-sunk: #f5f5f4; /* 交替 section 底 */
	--paper-deep: #e7e5e4; /* 输入框底 / 代码块底 */
	--paper-glass: rgba(250, 250, 249, 0.82); /* 毛玻璃导航 */

	/* ----------  墨色 · 深暖灰  ---------- */
	--ink: #1c1917;
	--ink-strong: #0c0a09;
	--ink-dim: #44403c;
	--ink-mute: #78716c;
	--ink-faint: #a8a29e;

	/* ----------  分隔线  ---------- */
	--rule: #e7e5e4;
	--rule-strong: #d6d3d1;
	--rule-hair: #f5f5f4;

	/* ----------  品牌主色 · 琥珀  ---------- */
	--brand: #d97706;
	--brand-hover: #b45309;
	--brand-bright: #f59e0b;
	--brand-soft: #fef3c7;
	--brand-ghost: #fffbeb;
	--brand-ink: #78350f;

	--accent: #d97706;
	--accent-ink: #b45309;
	--accent-soft: #fef3c7;
	--accent-red: #dc2626;
	--accent-orange: #f59e0b;
	--accent-green: #059669;
	--accent-cyan: #0891b2;
	--accent-purple: #7c3aed;

	/* ----------  强调金  ---------- */
	--gold: #d97706;
	--gold-bright: #f59e0b;
	--gold-soft: #fef3c7;
	--gold-ink: #78350f;

	/* ----------  信号色  ---------- */
	--pos: #059669;
	--pos-soft: #d1fae5;
	--neg: #dc2626;
	--neg-soft: #fee2e2;
	--warn: #d97706;
	--warn-soft: #fef3c7;
	--info: #0891b2;
	--info-soft: #cffafe;

	/* ----------  类别标识色  ---------- */
	--cat-human: #0891b2;
	--cat-human-soft: #cffafe;
	--cat-lab: #7c3aed;
	--cat-lab-soft: #ede9fe;

	/* ----------  Footer  ---------- */
	--footer: #1c1917;
	--footer-dim: #a8a29e;

	/* ----------  字体  ---------- */
	--font-sans:
		"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial,
		sans-serif;
	--font-serif: var(--font-sans);
	--font-mono: "JetBrains Mono", "Source Code Pro", "SF Mono", Menlo, Consolas, monospace;

	/* ----------  字阶  ---------- */
	--f-display: 48px;
	--f-h1: 34px;
	--f-h2: 26px;
	--f-h3: 18px;
	--f-body: 15px;
	--f-small: 13.5px;
	--f-micro: 12px;
	--f-caps: 11.5px;

	--lh-tight: 1.15;
	--lh-snug: 1.4;
	--lh-body: 1.65;

	/* ----------  几何  ---------- */
	--container: 1200px;
	--gutter: 24px;
	--gutter-lg: 40px;

	--r-xs: 4px;
	--r-sm: 6px;
	--r-md: 10px;
	--r-lg: 12px;
	--r-xl: 16px;
	--r-pill: 999px;
	--radius-sm: 4px;
	--radius: 8px;
	--radius-lg: 12px;

	/* ----------  间距  ---------- */
	--s-1: 4px;
	--s-2: 8px;
	--s-3: 12px;
	--s-4: 16px;
	--s-5: 20px;
	--s-6: 24px;
	--s-8: 32px;
	--s-10: 40px;
	--s-12: 48px;
	--s-16: 64px;

	/* ----------  动效  ---------- */
	--dur: 0.18s;
	--dur-slow: 0.3s;
	--ease: cubic-bezier(0.2, 0.8, 0.2, 1);

	/* ----------  阴影 · 柔和暖色  ---------- */
	--shadow-xs: 0 1px 2px rgba(28, 25, 23, 0.04);
	--shadow-sm: 0 2px 4px rgba(28, 25, 23, 0.04), 0 1px 2px rgba(28, 25, 23, 0.03);
	--shadow-card: 0 2px 8px rgba(28, 25, 23, 0.04), 0 1px 3px rgba(28, 25, 23, 0.06);
	--shadow-md: 0 6px 16px rgba(28, 25, 23, 0.08), 0 2px 4px rgba(28, 25, 23, 0.04);
	--shadow-lg: 0 12px 32px rgba(28, 25, 23, 0.12);
	--shadow-hero: 0 10px 28px rgba(217, 119, 6, 0.22);
	--shadow-gold: 0 0 24px rgba(245, 158, 11, 0.18);
	--shadow: 0 4px 24px rgba(28, 25, 23, 0.08);

	/* ----------  card-c 默认值  ---------- */
	--card-c: #d97706;

	/* ==========================================================================
	   向后兼容别名 · 各页面旧变量名 → 统一浅色值
	   ========================================================================== */

	/* --bg 系列 → 暖白底 */
	--bg: var(--paper);
	--bg-main: var(--paper);
	--bg-elev: var(--paper-tint);
	--bg-white: var(--paper-tint);
	--bg-primary: var(--paper);
	--bg-secondary: var(--paper-tint);
	--bg-card: var(--paper-tint);

	/* --panel 系列 → 卡片白 */
	--panel: var(--paper-tint);
	--panel-2: var(--paper-sunk);

	/* --light / --white / --dark / --mid (旧暗色主题遗留) */
	--light: var(--paper-tint);
	--white: var(--paper-tint);
	--dark: var(--ink);
	--mid: var(--ink-dim);

	/* --text 系列 → 深暖灰字 */
	--text: var(--ink);
	--text-primary: var(--ink);
	--text-secondary: var(--ink-dim);
	--text-muted: var(--ink-mute);
	--text-dim: var(--ink-dim);
	--text-mute: var(--ink-mute);
	--text-dark: var(--ink);
	--text-mid: var(--ink-dim);
	--text-light: var(--ink-mute);
	--text-hi: var(--ink-strong);

	/* --border 系列 */
	--border: var(--rule);
	--border-hi: var(--rule-strong);
	--border-color: var(--rule);
	--border-glow: var(--rule-strong);

	/* 信号色别名 */
	--emerald: var(--pos);
	--emerald-2: var(--pos);
	--emerald-bg: var(--pos-soft);
	--red: var(--neg);
	--red-bg: var(--neg-soft);
	--amber: var(--brand);
	--amber-bg: var(--brand-soft);
	--purple: var(--cat-lab);
	--purple-bg: var(--cat-lab-soft);
	--purple-start: var(--cat-lab);
	--purple-end: var(--cat-lab);
	--cyan: var(--info);
	--cyan-bg: var(--info-soft);
	--blue: var(--info);
	--blue-bg: var(--info-soft);
	--blue-accent: var(--info);
	--green-accent: var(--pos);
	--orange-accent: var(--brand);
	--teal: var(--info);
	--teal-light: var(--info);
	--green: var(--pos);
	--orange: var(--brand);

	/* 渐变兼容 */
	--gradient-main: var(--brand);
}

/* ==========================================================================
   全局基础样式 · 各页面共享
   注意: 仅提供主题色板 / 背景 / 字体, 不强加布局结构,
   避免破坏各页面自有布局 (display:flex 等布局由各页面自行控制)
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

html {
	background: var(--paper);
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: var(--font-sans);
	font-size: var(--f-body);
	line-height: var(--lh-body);
	color: var(--ink);
	background: var(--paper);
	min-height: 100vh;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

/* 全局链接默认无下划线 · 各页面按需覆盖颜色 */
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

/* 登录页标志性背景 · 琥珀色径向渐晕 */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	background:
		radial-gradient(ellipse 800px 500px at 50% -10%, rgba(245, 158, 11, 0.12), transparent 60%),
		radial-gradient(circle 500px at 85% 80%, rgba(217, 119, 6, 0.06), transparent 70%);
	pointer-events: none;
	z-index: -1;
}

img,
svg {
	max-width: 100%;
	display: block;
}

/* ==========================================================================
   交互元素
   ========================================================================== */

::selection {
	background: var(--brand-soft);
	color: var(--brand-ink);
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: var(--paper);
}
::-webkit-scrollbar-thumb {
	background: var(--rule-strong);
	border-radius: var(--r-pill);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--ink-faint);
}

/* ==========================================================================
   Utility classes
   ========================================================================== */
.kt-container {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 var(--gutter);
}
.kt-mono {
	font-family: var(--font-mono);
	font-variant-numeric: tabular-nums;
}
.kt-caps {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--f-caps);
	font-weight: 700;
}