/* Global body colors (used in all pages) */
body {
  background: #000;         /* black background */
  color: #d3d3d3;           /* light grey default text */
}

/* Navigation bar and links */
nav {
  background: #fff;         /* white navbar */
}
nav a {
  color: #000;              /* black navbar text */
}
nav a:hover {
  opacity: 0.7;
}

/* Headings */
h1,
h2 {
  color: #fff;              /* white headings */
}

/* Timelines (About page) */
.timeline-item {
  background: #111;         /* dark grey section cards */
  color: #d3d3d3;
}

/* Contact page icons */
.icon-link {
  color: #fff;              /* white icons */
}

/* Buttons and clickable elements */
button,
input[type="submit"],
.btn,
.cta a {
  background: #fff;         /* white button */
  color: #000;              /* black text */
}

/* Index page paragraph color (special case) */
body#index-page p {
  color: #ccc;              /* slightly lighter than default */
}

/* Projects page “.project” tiles */
.project {
  background: #111;         /* dark card bg */
  color: #fff;
}
.project-link {
  color: #fff;
}

a.project-link,
a.project-link:visited,
a.description-link,
a.description-link:visited {
  color: #fff;
  text-decoration: none;
}

a.project-link:hover,
a.description-link:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* General nav link reset */
nav a,
nav a:visited,
nav a:hover,
nav a:active,
nav a:focus {
  text-decoration: none;
}