/* style/index.css */

/* Variables for consistent styling */
:root {
    --primary-color: #26A9E0;
    --secondary-color: #EA7C07; /* Login button color */
    --text-dark: #333333;
    --text-light: #ffffff;
    --bg-light: #ffffff;
    --bg-dark: #26A9E0; /* Using primary color as dark background for contrast */
    --border-color: #e0e0e0;
    --spacing-lg: 60px;
    --spacing-md: 40px;
    --spacing-sm: 20px;
}

/* Base styles for page content, ensuring contrast with default white body background */
.page-index {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: var(--text-dark); /* Default text color for light background */
    background-color: var(--bg-light); /* Explicitly setting for clarity */
}

.page-index__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-sm);
}

.page-index__section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: var(--spacing-sm);
    padding-top: var(--spacing-md);
}

.page-index__section-description {
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin-bottom: var(--spacing-md);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}