/* CSS Custom Properties */
:root {
    --color-primary: rgb(0, 193, 212);
    --color-text-dark: #333;
    --color-text-medium: #555;
    --color-text-light: #666;
    --color-text-lighter: #888;
    --color-bg-light: #f5f5f5;
    --color-white: white;
}

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: var(--color-text-dark);
    background-color: var(--color-bg-light);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Main Content */
main {
    padding: 40px 20px;
    min-height: calc(100vh - 200px);
}