/** @type {import('tailwindcss').Config} */
module.exports = {
  // NOTE: Update this to include the paths to all files that contain Nativewind classes.
  content: ["./App.tsx", "./components/**/*.{js,jsx,ts,tsx}", "./app/**/*.{js,jsx,ts,tsx}"],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#1071C2', // Blue action (Buttons, highlights, links)
          dark: '#082963',    // Dark blue (Headers, Main backgrounds, dark icons)
        },
        background: {
          DEFAULT: '#EDF1F7', // Light gray/blue app general background
          paper: '#FFFFFF',   // Card / form backgrounds
        },
        text: {
          DEFAULT: '#082963', // Main text color
          secondary: '#8F9BB3', // Subtitles, captions, disabled text
        },
        status: {
          success: '#109D59', // Checkmarks, in-attendance
          danger: '#DC4437',  // Close, out-attendance
          warning: '#FCBE1F', // Questions, alerts
        }
      }
    },
  },
  plugins: [],
}