:root {
    --primary: #6c63ff;
    --primary-dark: #564fd8;
    --secondary: #f8f9fa;
    --dark: #212529;
    --light: #f8f9fa;
    --gray: #6c757d;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
    padding-top: 80px;
}

.home-page {
    background-color: #f8f9fa;
}

.contact-page {
    background-color: #f8f9fa;
    min-height: calc(100vh - 120px);
}

.dashboard-page {
    background-color: #f5f7fa;
}

.container {
    max-width: 1200px;
}