/* 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 */
}