/**
 * Design system primitives — tokens are CSS-first; TS exports semantic names.
 */
export const tokens = {
  radiusSm: "6px",
  radiusMd: "12px",
  motionFast: "120ms",
  motionBase: "200ms",
  focusRing: "2px solid var(--antara-focus, #2563eb)"
} as const;

export type ThemeMode = "light" | "dark";

export function applyThemeMode(root: HTMLElement, mode: ThemeMode): void {
  root.dataset.theme = mode;
}