:root {
  /* Light, pastel palette (blush + lilac) */
  --bg: #fff7fb; /* very light blush background */
  --bg-2: #fff1f7; /* subtle alt background */
  --text: #2b2b2b; /* primary text (dark for contrast) */
  --muted: #7a7f8c; /* neutral gray for body copy */

  /* Extras your layout uses */
  --muted-2: #8a90a2; /* captions under images */
  --muted-dim: #7b8194; /* footer disclaimer */
  --panel: #ffffff; /* card/panel base */

  /* CTA buttons (pastel blush with deeper hover) */
  --accent: #ff7fb0; /* blush pink */
  --accent-2: #f56b9f; /* deeper pink on hover */

  /* Focus ring tinted from accent */
  --ring: rgba(255, 127, 176, 0.22);

  --radius: 18px;
  --radius-img: 14px;

  /* Card visuals on a light theme */
  --background: #ffffff; /* card fill */
  --card-border: rgba(0, 0, 0, 0.06); /* soft border on light */
  --shadow: 0 10px 30px rgba(245, 107, 159, 0.12),
    0 6px 18px rgba(0, 0, 0, 0.05); /* gentle pink-tinted shadow */
}

/* Tag chip for light theme */
.tag {
  color: #2b2b2b;
  background: #ffffff;
}