:root {
    --primary: #0f766e;
    --primary-dark: #115e59;
    --secondary: #0b5564;
    --accent: #f59e0b;

    --heading: #111827;
    --text: #374151;
    --text-muted: #6b7280;

    --surface: #FFFFFF;
    --surface-alt: #f3f7f8;
    --surface-dark: #0f172a;

    --on-surface: #374151;
    --on-surface-alt: #374151;

    --on-dark: #f8fafc;
    --on-primary: #FFFFFF;

    --font-heading: Georgia, "Times New Roman", serif;
    --font-body: "Trebuchet MS", "Segoe UI", sans-serif;
}

body {
    font-family: var(--font-body);
    color: var(--text);
    background: var(--surface);
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--heading);
    margin-top: 0;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-dark);
}

img {
    max-width: 100%;
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
}