/**
 * Design tokens extracted from surveystronghold.html — single source for Tailwind + CSS vars.
 */
export const DESIGN_TOKENS = {
  colors: {
    primary: "#1E5BB0",
    primaryDark: "#164788",
    accent: "#00A3E0",
    navy: "#0B2545",
    navy2: "#132F5E",
    bg: "#F8FAFC",
    card: "#FFFFFF",
    text: "#0F172A",
    muted: "#64748B",
    border: "#E2E8F0",
    success: "#16A34A",
    successBg: "#DCFCE7",
    warning: "#D97706",
    warningBg: "#FEF3C7",
    danger: "#DC2626",
    dangerBg: "#FEE2E2",
  },
  radius: {
    DEFAULT: "12px",
    sm: "8px",
    md: "10px",
    lg: "16px",
  },
  shadow: {
    DEFAULT: "0 1px 2px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.06)",
    lg: "0 8px 24px rgba(15,23,42,0.10), 0 2px 6px rgba(15,23,42,0.06)",
  },
  fonts: {
    sans: "var(--font-inter)",
    mono: "var(--font-jetbrains-mono)",
  },
} as const;