/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom font settings */
@layer base {
	:root {
		font-feature-settings: "cv02", "cv03", "cv04", "cv11";
	}
}

/* Override Tailwind's base font family */
html,
body {
	font-family:
		"InterVariable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Global form input padding - ensures text doesn't touch the edges */
@layer base {
	[type='text'],
	[type='email'],
	[type='url'],
	[type='password'],
	[type='number'],
	[type='date'],
	[type='datetime-local'],
	[type='month'],
	[type='search'],
	[type='tel'],
	[type='time'],
	[type='week'],
	textarea,
	select {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

/* Your custom CSS below */