41 lines
1005 B
CSS
41 lines
1005 B
CSS
/* CSS Variables for theming */
|
|
:root {
|
|
--primary-color: #a02c8d;
|
|
--success-color: #27ae60;
|
|
--danger-color: #e74c3c;
|
|
--warning-color: #f39c12;
|
|
--secondary-color: #ba6cdf;
|
|
--dark-color: #2e053f;
|
|
--light-color: #efcef0;
|
|
--border-radius: 4px;
|
|
--transition: all 0.3s ease;
|
|
--header-height: 60px;
|
|
|
|
/* Responsive width variables */
|
|
--container-max-width: 100%;
|
|
--content-padding: 20px;
|
|
--mobile-padding: 15px;
|
|
|
|
/* Breakpoints for consistency */
|
|
--mobile-breakpoint: 768px;
|
|
--tablet-breakpoint: 1024px;
|
|
--desktop-breakpoint: 1200px;
|
|
}
|
|
|
|
/* Reset and base styles */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
color: var(--dark-color);
|
|
background-color: var(--light-color);
|
|
width: 100%;
|
|
overflow-x: hidden; /* Prevent horizontal scrolling */
|
|
}
|