:root {
  --ink: #2b2d42;
  --muted: #909cc2;
  --accent: #38726c;
  --accent-strong: #325057;
  --accent-soft: #e6f6f1;
  --accent-pop: #ff6b6c;
  --accent-warm: #ffcb77;
  --accent-border: #8be8cb;
  --bg: #f5f0f6;
  --card: #fffaff;
  --surface: #fffaff;
  --surface-alt: #f5f0f6;
  --surface-strong: #fdf0f4;
  --border: #dcd6e3;
  --radius: 18px;
  --shadow: 0 12px 32px rgba(43, 45, 66, 0.1);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Comfortaa", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}