/* ========================================
   MINIMAL LIGHT THEME OVERRIDE — 2025 edition
   Load this AFTER the original theme CSS
   ======================================== */

:root {
  /* New palette – soft, modern, high contrast */
  --color-bg:       #fafafa;
  --color-text:     #222222;
  --color-dark:     #0d0d0d;
  --color-light:    #ffffff;
  --color-muted:    rgba(0,0,0,0.55);

  /* Slightly larger radius & softer shadows */
  --radius:         12px;
  --radius-lg:      18px;
  --shadow-sm:      0 4px 16px rgba(0,0,0,0.08);
  /*--shadow-lg:      0 20px 40px rgba(0,0,0,0.14);*/
  --shadow-card:    0 6px 20px rgba(0,0,0,0.09);
}

/* Backgrounds */
body,
.single-content,
.grid--standard article,
.grid--masonry article {
  background: var(--color-light) !important;
}

/* Sidebar – lighter dark with subtle warmth */
.sidebar {
  background: #111113 !important;        /* almost black */
  background: linear-gradient(180deg, #0a0a0c 0%, #131317 100%) !important;
  color: #e8e8e8 !important;
}

.sidebar h1,
.sidebar nav a,
.sidebar p {
  color: #ffffff !important;
}

.sidebar nav a:hover,
.social-icons a:hover {
  opacity: 1 !important;
  color: #a8e6cf !important;   /* soft mint accent on hover */
}

/* Accent color – used sparingly for links & hover states */
a:hover,
.sidebar nav a:hover,
.back-button:hover {
  color: #7ed6b8 !important;   /* same mint */
}

/* Softer text overlay on portfolio items */
.grid--standard .post-info,
.grid--masonry .post-info {
  background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, transparent 100%) !important;
}

.grid--standard article:hover .post-info,
.grid--masonry article:hover .post-info {
  background: linear-gradient(0deg, rgba(0,0,0,0.88) 0%, transparent 100%) !important;
}

/* No-thumbnail placeholder – lighter gradient */
.no-thumbnail {
  background: linear-gradient(135deg, #2c3e50 0%, #4a6572 100%) !important;
}

/* Slightly bigger cards on hover lift */
.grid--standard article:hover,
.grid--masonry article:hover {
  transform: translateY(-12px) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Optional: make the copyright less intrusive */
.site-copyright {
  color: rgba(255,255,255,0.4) !important;
}

/* Mobile tweak – keep sidebar readable */
@media (max-width: 1200px) {
  .sidebar {
    background: #0f0f11 !important;
  }
}