:root {
  /* Original hktcsoft brand palette */
  --bg: #ffffff;
  --surface: #f3f5f7;
  --ink: #2f2f2f;
  --muted: #5a6068;
  --accent: #3498db;
  --accent-ink: #ffffff;
  --brand-red: #e82d00;
  --nav-bg: #31353d;
  --nav-ink: #ffffff;
  --field-dark: #31353d;
  --field-blue: #3498db;

  --font-display: "Panchang", "Arial Narrow", "Helvetica Neue", sans-serif;
  --font-body: "Switzer", "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;

  --step-small: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --step-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --step-lead: clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --step-head: clamp(2rem, 1.3rem + 3.2vw, 4rem);
  --step-display: clamp(2.75rem, 1.2rem + 6vw, 6.5rem);

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --space-7: 8rem;

  --page-pad: clamp(1.25rem, 4vw, 3.5rem);
  --radius: 0;
  --header-logo-h: 4.5rem;
  --header-nav-h: 3.5rem;
  --header-h: calc(var(--header-logo-h) + var(--header-nav-h));
  --max-w: 72rem;
  --transition: 220ms ease;

  --bp-tablet: 768px;
  --bp-desktop: 1024px;
}