:root {
      --blog-bg: #f8f9fa;
      --blog-title-color: #212529;
      --blog-text-color: #555;
      --blog-primary: #a020f0;
      --blog-primary-dark: #6a0dad;
      --blog-border-radius: 12px;
    }

    .blog-section {
      background-color: var(--blog-bg);
      padding: 70px 0;
    }

    .blog-card {
      border: none;
      border-radius: var(--blog-border-radius);
      overflow: hidden;
      background-color: #fff;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .blog-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    }

    .blog-card img {
      height: 220px;
      object-fit: cover;
    }

    .blog-title {
      font-size: 1.3rem;
      font-weight: 600;
      color: var(--blog-title-color);
    }

    .blog-text {
      color: var(--blog-text-color);
      font-size: 0.95rem;
      line-height: 1.6;
    }

    .read-more {
      color: var(--blog-primary);
      text-decoration: none;
      font-weight: 500;
    }

    .read-more:hover {
      color: var(--blog-primary-dark);
      text-decoration: underline;
    }