tailwind.config.ts

import type { Config } from "tailwindcss";

export default {
  content: ["./src/**/*.tsx"],
  theme: {
    fontWeight: {
      regular: "400",
      medium: "600",
    },
    fontSize: {
      "size-h1": "32px",
      "size-h2": "24px",
      "size-h3": "20px",
      "size-h4": "18px",
      "size-b1": "16px",
      "size-b2": "14px",
      "size-s1": "12px",
    },
    spacing: {
      px: "1px",
      0: "0",
      0.5: "2px",
      1: "4px",
      1.5: "6px",
      2: "8px",
      3: "12px",
      4: "16px",
      5: "20px",
      6: "24px",
      7: "28px",
      8: "32px",
      16: "64px",
      32: "128px",
      64: "256px",
    },
    colors: {
      black: "#000000",
      white: "#ffffff",
      transparent: "transparent",
      b3: "#00000008",
      "b3-final": "#f7f7f7",
      b6: "#0000000f",
      "b6-final": "#f0f0f0",
      b9: "#00000017",
      "b9-final": "#e8e8e8",
      b12: "#0000001f",
      "b12-final": "#e0e0e0",
      b20: "#00000033",
      "b20-final": "#cccccc",
      b30: "#0000004d",
      "b30-final": "#b2b2b2",
      b50: "#00000080",
      "b50-final": "#7f7f7f",
      b70: "#000000b2",
      "b70-final": "#4d4d4d",
      b90: "#000000e5",
      "b90-final": "#1a1a1a",
      r1: "#ff3b30",
      r2: "#ff3b301a",
      o1: "#ff9500",
      o2: "#ff95001a",
      g1: "#34c759",
      g2: "#34c7641a",
      b1: "#007aff",
      b2: "#007aff1a",
      v1: "#5856d6",
      v2: "#5856d61a",
      p1: "#af52de",
      p2: "#af52de1a",
    },
  },
  plugins: [],
} satisfies Config;