Theme

Tokens live in src/theme/ as plain TypeScript. Components read them through useTheme().

Using tokens

import { createStyles } from "@/utils/use-styles";

const useStyles = createStyles((t) => ({
  base: {
    backgroundColor: t.colors.surface,
    borderRadius: t.radius.lg,
    padding: t.spacing.lg,
  },
}));

function Card() {
  const styles = useStyles();
  return <View style={styles.base} />;
}