/* Custom Scrapbook Theme: Pink Matrix */
:root {
  --bg-color: #0d0f12;       /* Deep dark navy/black */
  --card-bg: #161b22;       /* Slightly lighter charcoal for cards */
  --pink-main: #ff77ff;     /* Magenta Pink for primary text/links */
  --green-accent: #00ff88;  /* Minty Green for subtle highlights */
  --text-dim: #8b949e;      /* Grey for secondary text */
}

body {
  background-color: var(--bg-color) !important;
  color: var(--pink-main) !important; /* All text becomes pink */
  font-family: 'Inter', -apple-system, sans-serif;
}

/* The Card containers */
.css-175oi2r { 
  background-color: var(--card-bg) !important;
  border: 1px solid var(--green-accent) !important; /* Green borders */
  border-radius: 12px !important;
}

/* Links and Headlines */
a, h1, h2, h3, b, strong {
  color: var(--pink-main) !important;
  text-shadow: 0 0 5px rgba(255, 119, 255, 0.3); /* Slight glow */
}

/* Making sure secondary text isn't too overwhelming */
p, span, div {
  color: var(--pink-main) !important;
}

/* Hover effects: It turns green when you hover over links */
a:hover {
  color: var(--green-accent) !important;
  text-decoration: underline;
}

/* Custom Scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--pink-main);
  border-radius: 10px;
}