/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://wordpress.org/themes/twentytwentythree
Description: Child theme for Twenty Twenty-Three
Author: Your Name
Author URI: https://yourwebsite.com
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree-child
*/

/* ==================== CSS VARIABLES ==================== */
:root {
	--color-primary: #2B2A29;
	--color-secondary: #C8102E;
	--color-accent: #E60026;
	--color-grey: #A8A29E;
	--color-light: #F8F6F3;
	--color-dark: #1C1917;
}

/* ==================== TAILWIND CUSTOM UTILITIES ==================== */
.text-primary {
	color: var(--color-primary) !important;
}

.text-secondary {
	color: var(--color-secondary) !important;
}

.text-accent {
	color: var(--color-accent) !important;
}

.text-grey {
	color: var(--color-grey) !important;
}

.bg-primary {
	background-color: var(--color-primary) !important;
}

.bg-secondary {
	background-color: var(--color-secondary) !important;
}

.bg-accent {
	background-color: var(--color-accent) !important;
}

.border-primary {
	border-color: var(--color-primary) !important;
}

.border-secondary {
	border-color: var(--color-secondary) !important;
}

.bg-light {
	background-color: var(--color-light) !important;
}

.bg-dark {
	background-color: var(--color-dark) !important;
}

.text-light {
	color: var(--color-light) !important;
}

.text-dark {
	color: var(--color-dark) !important;
}

.hover\:bg-secondary:hover {
	background-color: var(--color-secondary) !important;
}

.hover\:bg-accent:hover {
	background-color: var(--color-accent) !important;
}

.hover\:text-secondary:hover {
	color: var(--color-secondary) !important;
}

.hover\:text-accent:hover {
	color: var(--color-accent) !important;
}

.hover\:bg-primary:hover {
	background-color: var(--color-primary) !important;
}

.hover\:text-white:hover {
	color: #ffffff !important;
}

/* ==================== CUSTOM COMPONENTS ==================== */

/* Header styles */
#main-header {
	backdrop-filter: blur(10px);
}

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Font serif utility */
.font-serif {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}