/**
 * Platform brand colors and spacing constants for the mobile app.
 * Maps the web-side design tokens to React Native StyleSheet values.
 */

export const colors = {
  primary: "#818cf8",     // indigo-400
  surface1: "#1e1e2e",    // dark background
  surface2: "#2a2a3e",    // card background
  border: "#3a3a4e",
  text: "#e2e8f0",
  textMuted: "#94a3b8",
  success: "#22c55e",
  warning: "#eab308",
  error: "#ef4444",
  white: "#ffffff",
};

export const spacing = {
  xs: 4,
  sm: 8,
  md: 16,
  lg: 24,
  xl: 32,
};

export const borderRadius = {
  sm: 6,
  md: 12,
  lg: 16,
};
