.hush-kit {
  --hush-cloud: #f5f5f7;
  --hush-ink: #22202b;
  --hush-lilac: #dcd5ff;
  --hush-iris: #6551b7;
  --hush-muted: #686471;
  --hush-white: #ffffff;
  --hush-line: #d7d3e0;
  --hush-surface: var(--hush-cloud);
  --hush-text-primary: var(--hush-ink);
  --hush-text-secondary: var(--hush-muted);
  --hush-action-bg: var(--hush-ink);
  --hush-action-text: var(--hush-white);
  --hush-focus: var(--hush-iris);
  --hush-font-thai: "IBM Plex Sans Thai", system-ui, sans-serif;
  --hush-font-display: Inter, "IBM Plex Sans Thai", system-ui, sans-serif;
  --hush-space-1: 0.5rem;
  --hush-space-2: 1rem;
  --hush-space-3: 1.5rem;
  --hush-space-4: 2rem;
  --hush-space-5: 3rem;
  --hush-radius-card: 1.5rem;
  --hush-radius-pill: 999px;
  color: var(--hush-text-primary);
  background: var(--hush-surface);
  font-family: var(--hush-font-thai);
  line-height: 1.65;
}