/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
	darkMode: "class",
	plugins: 
	[require("daisyui"), 
	require("@tailwindcss/typography")],
	important: true,
	theme: {
		extend: {
			screens: {
				xs: '480px'
			},

			colors: {
				"pdf-yellow-bright": "#f3cb00",
				"pdf-yellow-light": "#fff6ca",
				"box-heading": 'var(--box-heading)'
			},
			boxShadow: {
				'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
				'saeule': '3px 3px 6px rgba(0, 0, 0, 0.1)',				
			  },
			
			gridTemplateColumns: {
				// Simple 16 column grid
				//'standard-sm': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
				//'standard-md': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
				//'standard-lg': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
				//'standard-xl': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
				//'standard-2xl': 'minmax(300px, 300px) 6fr minmax(300px, 300px)',
				//'formular-sm': 'minmax(350px, max-content) 8fr',
				//'formular-md': 'minmax(350px, max-content) 8fr',
				//'formular-lg': 'minmax(350px, max-content) 8fr',
				//'formular-xl': 'minmax(350px, max-content) 8fr',
				//'formular-2xl': 'minmax(350px, max-content) 8fr',
		
			  }
		},
	},
	daisyui: {
		themes: [{
			light: {
				'primary': '#ff7d26',
				'primary-focus': '#ec6a13',
				'primary-content': '#ffffff',

				'secondary': '#444f94',
				'secondary-focus': '#2f397f',
				'secondary-content': '#ffffff',

				'--box-heading': '#3A4AB5',

				'accent': '#7b37cd',
				'accent-focus': '#5f25a7',
				'accent-content': '#ffffff',

				'neutral': '#3b424e',
				'neutral-focus': '#2a2e37',
				'neutral-content': '#ffffff',

				'base-100': '#ffffff',
				'base-200': '#f9fafb',
				'base-300': '#ced3d9',
				'base-content': '#1e2734',

				'info': '#0689f4',
				'success': '#04b964',
				"success-content": "#ffffff",
				'warning': '#f49d1a',
				"warning-content": "#ffffff",
				'error': '#e43f3f',
				"error-content": "#ffffff",

				'--rounded-box': '1rem',
				'--rounded-btn': '.5rem',
				'--rounded-badge': '1.9rem',

				'--animation-btn': '.25s',
				'--animation-input': '.2s',

				'--btn-text-case': 'normal',
				'--navbar-padding': '.5rem',
				'--border-btn': '1px'
			},
			'dark': {
				'primary': '#ff7d26',
				'primary-focus': '#ec6a13',
				'primary-content': '#ffffff',

				'secondary': '#444f94',
				'secondary-focus': '#2f397f',
				'secondary-content': '#ffffff',

				'--box-heading': '#3A4AB5',

				'accent': '#8c45e3',
				'accent-focus': '#7532c8',
				'accent-content': '#ffffff',

				'neutral': '#2a2e37',
				'neutral-focus': '#16181d',
				'neutral-content': '#ffffff',

				'base-100': '#3b424e',
				'base-200': '#2a2e37',
				'base-300': '#16181d',
				'base-content': '#ebecf0',

				'info': '#0689f4',
				'success': '#04b964',
				'warning': '#f49d1a',
				"warning-content": "#ffffff",
				'error': '#ff6b6b',
				"error-content": "#ffffff",
				"pdf-yellow-bright": "#f3cb00",
				"pdf-yellow-light": "#fff6ca",

				'--rounded-box': '1rem',
				'--rounded-btn': '.5rem',
				'--rounded-badge': '1.9rem',

				'--animation-btn': '.25s',
				'--animation-input': '.2s',

				'--btn-text-case': 'uppercase',
				'--navbar-padding': '.5rem',
				'--border-btn': '1px',
			}
		}, ],
		darkTheme: "dark", // name of one of the included themes for dark mode
		base: true, // applies background color and foreground color for root element by default
		styled: true, // include daisyUI colors and design decisions for all components
		utils: true, // adds responsive and modifier utility classes
		prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
		logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
		themeRoot: ":root", // The element that receives theme color CSS variables
	},
	fontSize: {
		sm: '0.750rem',
		base: '1rem',
		xl: '1.333rem',
		'2xl': '1.777rem',
		'3xl': '2.369rem',
		'4xl': '3.158rem',
		'5xl': '4.210rem',
	},
	fontFamily: {
		heading: 'Heron',
		body: 'Heron',

	},
	fontWeight: {
		normal: '400',
		bold: '700',
	},
};