/* Theme overrides inspired by the new placeholder image. */
:root {
  --paper: #e9f1f4;
  --ink: #2c3a40;
  --muted: #5f7380;
  --accent: #e48b3a;
  --accent-2: #6aa8b5;
  --card: #f7fbfc;
  --shadow: 0 18px 36px rgba(44, 58, 64, 0.16);
}

body {
  background: linear-gradient(140deg, #e7f0f4 0%, #f6f1e7 55%, #e0edf1 100%);
}

.navbar {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(44, 58, 64, 0.08);
}

.blog-card {
  border: 1px solid rgba(44, 58, 64, 0.08);
}

.read-more-btn {
  border-color: rgba(44, 58, 64, 0.45);
  background: #ffffff;
}

.read-more-btn:hover {
  background: var(--accent);
  color: #ffffff;
  border-color: var(--accent);
}

.tag {
  background: rgba(106, 168, 181, 0.18);
  color: #2c5660;
}

.footer-card {
  background: rgba(255, 255, 255, 0.7);
}

/* Remove rounded corners across the theme. */
* {
  border-radius: 0 !important;
}

/* Highlight anchor links. */
a {
  color: #e48b3a;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

a:hover,
a:focus {
  color: #c96b1e;
  text-decoration-thickness: 3px;
}