/* ==========================================================================
Design tokens — HAO TONG (H.K.) TECHNOLOGY COMPANY LIMITED
Palette: high-saturation clash on near-black. All text pairs verified AA.
========================================================================== */

:root {
 /*--- Core surfaces --- */
--c-void:#0B0B12;
--c-surface: #12121C;
--c-surface-2: #1A1A28;
--c-line: #2A2A3E;

 /* --- Clash accents ---*/
 --c-violet:#6C2BD9;
--c-violet-lift: #8B5CF6;
--c-lime: #C6FF00;
--c-magenta: #FF2D95;
--c-cyan:#22E5D8;

/* --- Text (contrast vs --c-void)--- */
--c-ink: #F5F5FA;/* 17.1:1*/
 --c-ink-soft: #B8B8CC;/* 9.0:1 */
--c-ink-mute: #8E8EA8;/*5.3:1 */
--c-on-lime: #0B0B12; /*15.8:1 on lime */

/* --- Typography: variable-font driven, local-first stack --- */
--f-display: "Inter var", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--f-body: "Inter var", "Inter", system-ui, -apple-system, "Segoe UI",Roboto, sans-serif;
--f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

 --fs-hero: clamp(2.75rem,8vw, 6.5rem);
--fs-h2: clamp(2rem, 4.4vw, 3.5rem);
 --fs-h3: clamp(1.25rem, 2vw,1.6rem);
--fs-lead:clamp(1.05rem,1.8vw, 1.3rem);
 --fs-body:1rem;
--fs-small: 0.875rem;
 --fs-micro: 0.75rem;

 /*--- Generous whitespace rhythm --- */
--sp-1:0.5rem;
--sp-2:1rem;
--sp-3: 1.5rem;
 --sp-4:2.5rem;
--sp-5:4rem;
 --sp-6: 6rem;
 --sp-section: clamp(5rem,12vh,9.5rem);

 /* --- Geometry --- */
 --r-sm: 4px;
 --r-md:10px;
--r-lg:20px;
--r-pill: 999px;
--nav-h: 72px;
 --maxw: 1240px;

 /* --- Micro-interaction curves --- */
--e-out: cubic-bezier(0.22, 1, 0.36,1);
--e-in-out:cubic-bezier(0.65, 0, 0.35, 1);
 --t-fast:160ms;
--t-base: 320ms;
--t-slow: 620ms;

 --shadow-lift:0 18px 50px -12px rgba(0, 0, 0, 0.75);
--glow-lime:0 0 0 1px rgba(198,255, 0, 0.4),0 12px 40px -14px rgba(198, 255, 0,0.45);
}