/* ============================================================
   IMLES / 医合易生 design tokens — mycoach.health copy
   Source: imles_cloud_web/imles-web-ui-v2/design-system/tokens.css
   (extracted 2026-08-02). Copied 2026-08 for the website revamp,
   MINUS the Element Plus bridge and the dark-mode block (the site
   ships light-only), PLUS the zh-Hant font addition at the bottom.
   Refresh by re-copying the source file and re-applying the two
   deletions + the site-additions block.
   ============================================================ */

:root {
	/* ---- Brand core ---- */
	--imles-primary: #26c1bd;
	--imles-primary-dark: #21a39f;
	--imles-primary-light-3: rgba(38, 193, 188, 0.6);
	--imles-primary-light-5: rgba(38, 193, 188, 0.26);
	--imles-primary-soft: rgba(38, 193, 189, 0.08);
	--imles-on-primary: #ffffff; /* large UI text only — see DESIGN.md §2.6 */
	--imles-on-primary-safe: #0a2626; /* AA-safe ink on teal */

	/* ---- Teal support (one interactive teal; legacy variants removed) ---- */
	--imles-menu-hover-bg: #efffff;
	--imles-teal-hover: #0cbfd3;

	/* ---- Cool accent chips (analytics cards) ---- */
	--imles-accent-cyan: #00b8d9;
	--imles-accent-indigo: #5263ff;

	/* ---- Logo palette (mark only — do not use as UI accent) ---- */
	--imles-logo-green: #8dc63f;
	--imles-logo-navy: #1b3a6b;
	--mycoach-blue: #1b7fc4;

	/* ---- Ink / neutrals ---- */
	--imles-text-primary: #303133;
	--imles-text-regular: #606266;
	--imles-text-secondary: #909399;
	--imles-text-placeholder: #c0c4cc;
	--imles-text-heading: rgba(0, 0, 0, 0.9);
	--imles-ink-alt: #212b36; /* card titles (Minimal-UI-style greys) */
	--imles-ink-alt-muted: #637381;

	/* ---- Borders & fills ---- */
	--imles-border: #dcdfe6;
	--imles-border-light: #e4e7ed;
	--imles-divider: #e1e1e1;
	--imles-sidebar-edge: #dbdbdb;
	--imles-border-ghost: rgba(145, 158, 171, 0.32);
	--imles-fill: #f5f7fa;
	--imles-bg-app: #f5f7f9;
	--imles-surface: #ffffff;

	/* ---- Semantic ---- */
	--imles-success: #67c23a;
	--imles-warning: #e6a23c;
	--imles-warning-ink: #d46b08;
	--imles-danger: #f56c6c;
	--imles-danger-cta: #ff4663;
	--imles-info: #909399;
	--imles-link-blue: #409eff;

	/* ---- Premium gold (membership only) ---- */
	--imles-gold-ink: #96590d;
	--imles-gradient-gold-deep: linear-gradient(128deg, #bb8c3d 0%, #85531d 100%);
	--imles-gradient-gold-card: linear-gradient(180deg, #ffeeb9 0%, #fce7b2 100%);
	--imles-gradient-gold-soft: linear-gradient(166deg, #f6e4cc 0%, #ead6ba 100%);

	/* ---- Marketing gradients ---- */
	--imles-gradient-hero: linear-gradient(45deg, #008dde 14%, #00c9ac 100%);
	--imles-gradient-cta: linear-gradient(-77deg, #4b85d0 0%, #1cd2d8 70%);
	--imles-gradient-danger: linear-gradient(180deg, #fc7031 0%, #fe453e 100%);
	--imles-login-wash: rgba(211, 239, 242, 0.36);

	/* ---- Typography ---- */
	--imles-font-family-base:
		"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable",
		"Segoe UI", system-ui, "PingFang SC", "PingFang HK", "Microsoft YaHei UI",
		"Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", Roboto, sans-serif;
	--imles-font-family-editorial:
		"Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont,
		"Segoe UI", system-ui, "PingFang SC", "Microsoft YaHei UI",
		"Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", sans-serif;
	--imles-font-family-friendly:
		"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI Variable",
		"Segoe UI", system-ui, "PingFang SC", "Microsoft YaHei UI",
		"Microsoft YaHei", "Noto Sans SC", sans-serif;
	--imles-font-family-mono:
		ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, "Roboto Mono",
		"Courier New", monospace;

	--imles-text-xs: 12px;
	--imles-text-sm: 13px;
	--imles-text-base: 14px;
	--imles-text-md: 16px;
	--imles-text-lg: 18px;
	--imles-text-xl: 20px;
	--imles-text-2xl: 24px;
	--imles-text-hero: 60px;
	--imles-leading-body: 22px;
	--imles-leading-title: 28px;

	/* ---- Spacing (4px grid) ---- */
	--imles-space-1: 4px;
	--imles-space-2: 8px;
	--imles-space-3: 12px;
	--imles-space-4: 16px;
	--imles-space-5: 20px;
	--imles-space-6: 24px;
	--imles-space-7: 28px;
	--imles-space-8: 32px;
	--imles-space-10: 40px;

	/* ---- Radius ---- */
	--imles-radius-sm: 4px;
	--imles-radius-md: 6px; /* inputs, poppers */
	--imles-radius-lg: 8px; /* standard card */
	--imles-radius-xl: 10px; /* panels, icon buttons */
	--imles-radius-2xl: 16px; /* marketing cards */
	--imles-radius-pill: 999px;

	/* ---- Elevation ---- */
	--imles-shadow-card: 0px 2px 10px 2px rgba(179, 179, 179, 0.08);
	--imles-shadow-popover: 0 2px 8px rgba(0, 0, 0, 0.1);
	--imles-shadow-marketing: 0px 5px 14px 0px rgba(4, 0, 0, 0.15);
	--imles-shadow-footer-bar: 0px -6px 32px 5px rgba(0, 0, 0, 0.04);
	--imles-shadow-cta-glow: 0px 8px 18px 0px rgba(50, 174, 212, 0.29);

	/* ---- Layout ---- */
	--imles-sidebar-width: 240px;
	--imles-header-height: 48px;
	--imles-card-padding: 20px;
	--imles-page-gap: 20px;
}

/* --- site additions (mycoach.health) --- */
/* i18n.js rewrites <html lang> on every switch; Traditional Chinese
   readers get TC system fonts ahead of the SC fallbacks. */
html[lang="zh-Hant"] {
	--imles-font-family-base:
		"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
		"PingFang TC", "PingFang HK", "Microsoft JhengHei", "Noto Sans TC",
		"Source Han Sans TC", "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
		sans-serif;
}