:root {
/* Colors */
--primary: #000000;
--primary-light: #000000;
--secondary: #ff6b6b;
--accent: #4cc9f0;
--font-color: #dbbe00;
--header-font-color: #d1ca00;
--website-bg: #000000;

/* Fonts */
--font-family: Montserrat, sans-serif;

--text-dark: #dbbe00;
--text-light: #7f8c8d;
--background-light: #f8f9fa;
--border: #e0e0e0;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
--shadow-hover: 0 8px 15px rgba(0, 0, 0, 0.2);
--border-radius: 8px;
--transition: all 0.3s ease;

/* RGB versions for opacity controls */
--primary-rgb: 0, 0, 0;

--secondary-rgb: 255, 107, 107;

--accent-rgb: 76, 201, 240;

/* Button Styles */
--button-radius: 8px;
}

/* Global Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: var(--font-family);
color: var(--font-color);
background-color: var(--website-bg);
line-height: 1.6;
}

/* Header Styles */
.header, header {
background: transparent !important;
}

.header nav a, header nav a, .header a, header a {
color: var(--header-font-color) !important;
}

/* Button Styles */
.btn, button, input[type="submit"], .button {
border-radius: var(--button-radius) !important;
}

/* Slider Animation Styles */
.slider-container {
position: relative;
overflow: hidden;
width: 100%;
}

.slider-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.8s ease-in-out;
}

.slider-item.active {
position: relative;
}

.slider-item { transform: translateX(100%); opacity: 1; }
.slider-item.active { transform: translateX(0); }
.slider-item.prev { transform: translateX(-100%); }