import { StyleSheet } from "react-native";

// Fonts
const regularFont = "poppins-regular";
const semiBoldFont = "poppins-semibold";

// Colors
const primary = "#AD40AF";
const secondary = "#333";

export const globalStyles = StyleSheet.create({
  boldText: {
    fontSize: 28,
    fontWeight: "500",
    color: secondary,
    marginBottom: 30,
    fontFamily: semiBoldFont,
  },
  primaryBold: {
    color: primary,
    fontWeight: "700",
    fontFamily: semiBoldFont,
  },
  iconButton: {
    borderColor: "#ddd",
    borderWidth: 2,
    borderRadius: 10,
    paddingHorizontal: 30,
    paddingVertical: 10,
  },
  regularText: {
    fontFamily: regularFont,
  },
  regularCenteredText: {
    textAlign: "center",
    color: "#666",
    marginBottom: 30,
    fontFamily: regularFont,
  },
  safeArea: {
    flex: 1,
    justifyContent: "center",
  },
  button: {
    backgroundColor: primary,
    padding: 10,
    width: 100,
    borderRadius: 10
  }
});