:root {
    --bg-light: #d6f2ff;
    --bg-accent: #bde2ff;
    --bg-dark: #0f355a;

    --accent-green: #4cc96a;
    --accent-green-dark: #2a8d46;

    --accent-purple: #9d6cff;
    --accent-purple-dark: #5a2bbf;

    --text-main: #12263a;
    --text-muted: #5e6a78;

    --border-soft: #9ec7dd;
    --radius-lg: 20px;

    --card-bg: #ffffff;
    --card-outline: #294f6e;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: 'Trebuchet MS', 'Nunito', system-ui;
    background: var(--bg-light);
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img { max-width: 100%; display: block; }
a { text-decoration: none; color: var(--accent-purple-dark); }
a:hover { text-decoration: underline; }

.container {
    width: min(1100px, 100% - 2rem);
    margin: 0 auto;
    padding: 1.2rem 0;
}

h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Nunito', system-ui;
    color: var(--bg-dark);
    letter-spacing: -0.5px;
}