:root {
    --bright-sky: #d6e9f8;
    --text-main: #102a43;
    --card-bg: #ffffff;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--bright-sky);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    color: var(--text-main);
}

/* Center content */
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

/* Content cards */
.card {
    background: var(--card-bg);
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
    margin-bottom: 20px;
}