/* Base reset */
* { box-sizing: border-box; }

:root {
  /* Pastel base */
  --bg: #f6f9ff;          /* very light blue-tinted background */
  --text: #1e2a3a;        /* dark slate-blue for good contrast */

  /* Surfaces / panels */
  --surface: #cbe0fb;     /* soft blue surface */
  --surface-2: #fbddec;   /* soft pink surface (accent surface) */
  --border: #b3d1f8;      /* light blue border */

  /* Accents */
  --accent: #2e6bb3;      /* stronger, readable blue */
  --accent-2: #c24a83;    /* stronger pink for highlights */

  /* Links */
  --link: #2e6bb3;
  --link-hover: #214e84;

  /* Dark areas (navbar/footer) */
  --dark: #152235;        /* deep navy (fits pastel theme) */
  --on-dark: #f6f9ff;

  /* Shadows */
  --shadow-1: 0 10px 26px rgba(21, 34, 53, 0.14);
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;

  background-color: var(--bg);
  color: var(--text);
}

/* Default link styling (site-wide) */
a { color: var(--link); }
a:hover { color: var(--link-hover); }

/* Consistent content width */
.container {
  width: min(1100px, calc(100% - 2rem));
  margin-inline: auto;
}

.page {
  padding-block: 2rem;
}

/* Simple spacing defaults */
h1, h2, h3, p { margin: 0; }