/* Hallmark · macrostructure: Standard Corporate · tone: technical · anchor hue: blue
 * theme: custom · clon fiel de hoymiles.com
 * studied: yes · DNA-source: url · source-url: hoymiles.com (home/about/products/cyber-security/contact-us)
 * Tokens extraídos del CSS oficial: --colormain #081957 · --colormain1 #14DD6A · --colorbj #F0F2FA
 * tokens.css = the canonical token source for this project. Pages reference names only.
 */
:root {
  /* ── Colour (del sitio oficial hoymiles.com) ── */
  --color-paper:      oklch(97% 0.012 265);   /* #F0F2FA --colorbj 板块底 */
  --color-paper-2:    oklch(99% 0.003 265);   /* 页面白底 */
  --color-ink:        oklch(15% 0.01 260);    /* #181818 --colortitle1 主标题 */
  --color-ink-2:      oklch(36% 0.02 255);    /* #333 正文 */
  --color-ink-3:      oklch(46% 0.025 250);   /* #666 次级 */
  --color-ink-4:      oklch(58% 0.02 250);    /* #999 弱文字 */
  --color-rule:       oklch(90% 0.01 265);    /* 分隔线 */
  --color-rule-strong: oklch(82% 0.015 265);
  --color-accent:     oklch(26% 0.07 264);    /* #081957 深藏青 主品牌色 */
  --color-accent-2:   oklch(22% 0.06 262);    /* 更深深藏青 */
  --color-accent-soft: oklch(95% 0.02 265);   /* 极浅藏青底 */
  --color-energy:     oklch(78% 0.21 152);    /* #14DD6A 鲜绿 主强调 */
  --color-energy-soft: oklch(96% 0.05 152);
  --color-hero-bg:    oklch(14% 0.02 260);    /* #060913 首页hero近黑深蓝 */
  --color-call-bg:    oklch(17% 0.015 255);   /* #121A21 CTA带深炭 */
  --color-accent-ink: oklch(99% 0.003 265);   /* 深底白字 */
  --color-focus:      oklch(65% 0.15 264);

  /* ── Fonts ── */
  --font-display: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, "SFMono-Regular", "Consolas", monospace;

  /* ── Spacing (escala compacta del sitio oficial) ── */
  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px;  --space-sm: 16px;
  --space-md: 24px;  --space-lg: 32px;  --space-xl: 48px;  --space-2xl: 64px;
  --space-3xl: 88px; --space-4xl: 112px;

  /* ── Type scale (rem, coherente con rem-base del sitio) ── */
  --text-xs:   0.82rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.05rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  1.8rem;
  --text-3xl:  2.2rem;
  --text-4xl:  2.8rem;
  --text-display: 3.2rem;

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;  --dur-base: 240ms;  --dur-slow: 360ms;

  /* ── Radius ── */
  --radius-card: 6px;  --radius-pill: 999px;  --radius-input: 6px;
}