@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

   
    /* Thematic Areas Specific Styles */
    .project-card {
      transition: all 0.3s ease;
      border: 1px solid var(--theme-border);
    }
    
    .project-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
      border-color: var(--theme-secondary);
    }
    
    .impact-stat {
      background: linear-gradient(135deg, var(--theme-secondary-hover) 0%, var(--theme-secondary) 100%);
      border-radius: 12px;
    }
    
    .process-step {
      position: relative;
    }
    
    .process-step::before {
      content: '';
      position: absolute;
      left: -2rem;
      top: 1.5rem;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      background: var(--theme-secondary);
      z-index: 2;
    }
    
    .process-step::after {
      content: '';
      position: absolute;
      left: -1.25rem;
      top: 3rem;
      bottom: -2rem;
      width: 2px;
      background: var(--theme-border);
      z-index: 1;
    }
    
    .process-step:last-child::after {
      display: none;
    }
    
    /* Tablet and desktop styles */
    @media (min-width: 768px) {
      .process-step::before {
        left: -3rem;
      }
      
      .process-step::after {
        left: -2.25rem;
      }
    }