/* Custom styles for Tania's portfolio site */

/* Root variables for colours – adjust these to tweak the palette */
:root {
  --primary-colour: #4a70f0; /* soft blue for highlights */
  --secondary-colour: #f0f4ff; /* light backdrop */
  --dark-colour: #1f2d56;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif;
  padding-top: 80px; /* offset for fixed navbar */
}

.navbar-brand {
  font-weight: 700;
  color: var(--dark-colour);
}

.navbar-light .navbar-nav .nav-link {
  color: var(--dark-colour);
  font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--primary-colour);
}

/* Hero section */
.hero-section {
  background-color: var(--secondary-colour);
  padding: 5rem 0;
}

.hero-section h1 {
  color: var(--dark-colour);
}

.hero-section p {
  color: #555;
}

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

/* Icon circles for cards */
.icon-circle,
.icon-circle-large {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}

.icon-circle {
  width: 48px;
  height: 48px;
  font-size: 1.5rem;
  background-color: var(--primary-colour);
}

.icon-circle-large {
  width: 72px;
  height: 72px;
  font-size: 2rem;
  background-color: var(--primary-colour);
}

/* Card styling */
.card {
  border: none;
  border-radius: 0.75rem;
}

.card-title {
  font-weight: 600;
}

.card-text {
  font-size: 0.95rem;
}

/* Gallery image preview */
#imagePreview img {
  width: 180px;
  margin: 0.25rem;
  border-radius: 0.5rem;
  object-fit: cover;
}

/* Footnotes */
#footnote1,
#footnote2,
#footnote3,
#footnote4 {
  font-size: 0.75rem;
  color: #666;
}

.small a {
  text-decoration: underline;
}

footer {
  font-size: 0.85rem;
}